/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li:before {
  content: "\2022";
}
.ql-editor ul[data-checked="true"],
.ql-editor ul[data-checked="false"] {
  pointer-events: none;
}
.ql-editor ul[data-checked="true"] > li *,
.ql-editor ul[data-checked="false"] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked="true"] > li:before,
.ql-editor ul[data-checked="false"] > li:before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked="true"] > li:before {
  content: "\2611";
}
.ql-editor ul[data-checked="false"] > li:before {
  content: "\2610";
}
.ql-editor li:before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl):before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl:before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank:before {
  color: #0009;
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type="file"],
.ql-snow .ql-toolbar input.ql-image[type="file"] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow,
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label:before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow
  .ql-picker.ql-header
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-font
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-size
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-header
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-font
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-size
  .ql-picker-item[data-label]:not([data-label=""]):before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label:before,
.ql-snow .ql-picker.ql-header .ql-picker-item:before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label:before,
.ql-snow .ql-picker.ql-font .ql-picker-item:before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label:before,
.ql-snow .ql-picker.ql-size .ql-picker-item:before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: #0003 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip:before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type="text"] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action:after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove:before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type="text"] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
  border-right: 0px;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode="link"]:before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode="formula"]:before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode="video"]:before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
#cowebsite {
  position: fixed;
  z-index: 820;
  transition: transform 0.5s;
  background-image: url(/assets/cowebsite-background.2dea636d.png);
  background-size: cover;
  display: none;
}
#cowebsite main iframe {
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 100vh;
}
#cowebsite aside {
  background: #86ccfe;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#cowebsite aside .close-button img:hover {
  transform: scale(1.1);
}
#cowebsite aside #cowebsite-aside-buttons {
  display: flex;
  justify-content: flex-end;
  margin-right: 5px;
  flex: 1;
}
#cowebsite aside .top-right-btn {
  transform: scale(0.5);
  cursor: url(data:image/png;base64,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),
    pointer;
}
#cowebsite aside #cowebsite-other-actions {
  display: flex;
  margin-top: auto;
  visibility: hidden;
  justify-content: end;
  flex: 1;
}
#cowebsite-slot-main {
  z-index: 70 !important;
  background-color: #0a090900;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cowebsite-buffer iframe {
  z-index: 45 !important;
  pointer-events: none !important;
  overflow: hidden;
  border: 0;
  position: absolute;
}
#cowebsite-buffer iframe.pixel {
  height: 1px !important;
  width: 1px !important;
}
#cowebsite-buffer .main {
  pointer-events: all !important;
  z-index: 821 !important;
}
#cowebsite-buffer .highlighted {
  pointer-events: all !important;
  padding: 4px;
}
#cowebsite-buffer .thumbnail {
  transform: scale(0.5);
}
#cowebsite .pixel {
  visibility: hidden;
  height: 1px;
  width: 1px;
}
@media only screen and (max-width: 991px) {
  #main-container {
    display: flex;
    flex-direction: column-reverse;
  }
  #cowebsite {
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    visibility: collapse;
    transform: translateY(-100%);
  }
  #cowebsite.loading,
  #cowebsite.opened {
    visibility: visible;
    transform: translateY(0);
  }
  #cowebsite.closing {
    visibility: visible;
  }
  #cowebsite-loader {
    height: 20%;
  }
  #cowebsite main {
    height: 100%;
  }
  #cowebsite aside {
    height: 50px;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  #cowebsite aside #cowebsite-fullscreen {
    padding-top: 0;
  }
  #cowebsite aside #cowebsite-other-actions {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    height: 100%;
    visibility: visible;
  }
  #cowebsite aside .top-right-btn img {
    width: 15px;
  }
}
#main-container {
  display: flex;
  flex-direction: column-reverse;
}
#cowebsite {
  left: 10%;
  top: 10%;
  width: 80%;
  height: 80%;
  display: flex;
  flex-direction: column;
  visibility: collapse;
  transform: translateY(-120%);
}
#cowebsite.loading,
#cowebsite.opened {
  visibility: visible;
  transform: translateY(0);
}
#cowebsite.closing {
  visibility: visible;
}
#cowebsite-loader {
  height: 20%;
}
#cowebsite main {
  height: 100%;
}
#cowebsite aside {
  height: 40px;
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#cowebsite aside #cowebsite-fullscreen {
  padding-top: 0;
}
#cowebsite aside #cowebsite-other-actions {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  height: 100%;
  visibility: visible;
}
#cowebsite aside .top-right-btn img {
  width: 15px;
}
* {
  font-family: Manrope;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAFjElEQVRIia2WW4xdVRnHf99a+3Jucz3TTksHGFqnA6VF6gi1opZIgkQ03t60xCdDvPPiEw8+6YMvhpgQ3/TBkJD4oNEXo2AgIVEzoJaCChZsKbWTaXvmcmb2bV3M2mdGJ4bOUeuXrJy191n7//8u//WtJWfmU/5PNgv8BrgPOLcNqYZg3wp8EWgN8yEam/guMK0azdM73w8jOAk8qeLkLeD0dVeJekq3Og/e+uXHQeTzO3GjIQRHxk+c6nWOvmfy8o9/+H1X5N9wefY88ALQB+ZVmn463Xfg7v2nH20JCt3qjLps87PAj4YSiI6mJU466f4DzD72eDu7eO6ulReeu92srX1GtLYSReMj717ojC6cwBsP3tM6ONdZvXblA3g3nECl6WzcnYolrIqF5txhWvPzCVrtl+CAB5zHOY8oV5O054+m/T+dudv21wcYu+AnKm3MtG47CLFCIoWKFSqNiFKNbmhUQyPhN1FIWBMLrbnD6GZrGjg6jOCrEsczcXcSiQRJNCoNoApJB8CSKiRRwZUaXGmp1+p2ZwJ4aDeCKUR9e/KBh0dRgmiFqiPQyI7BltcqEogUaAGBZHr/mMTxB69HEP5Ynjj1kaR9+A5qgpokVGxAFn7r95FGcFCsId7gw7PyNGZuQZSaA8Yi6Yz+DJEunkuCn8aa450TH6K9cBLvqlBKvKjaszD8wEnQGsocdII6uIC7uoS/skSoe7LvJkTpEeBY5EWOsNE/qB/4JJFSJHv2Ejca2KKgigGjiJzCe404ain6oBprkO5tyLvur8P22S/xxXksKXp8HKI4fH1Esb56CJGXy9fOkosm6/fJs02KPMMUJaYy2MrijcM7B9aCdXjroDkJzmBffRb793MQt3FhvbGgVAh0drAPrFnQ5/9SlkWGOXYC52w92Mp7rY5YQHvEaZRSECfYt87i33gJX1Y4L7gyxxYGW1RIFIdsdbc3Wkj2RHL5wlKudLIxfxxjLR6HD1n1FieO2KWoOMKFQpcm9B2wHlsaXF5iNwtMVmHzDJI0RNDYuZNXgL2NS2+uZGXJxu3Hsd5inMNWhoY1uKKJTpKapNZfqIdxg7QUVQ1eBaIsr936d4Jgq0CzefXSxfxMNrZ+9H1RZSxVaaiqkqRTEicpURwhIW2Bw9q6Rra0mEBS5JjcYEP/AP9OvSjH+6nGeu9itPjsnivH7kvKoqQsChpZTpzGRHGC1mog19CLrMcZgysNZVVRlhWqKIK4N6/f7Lyf0VXxxL4Xn/na0uyd5HtvotlskNQEMVpHKJG64QV1BekaY2twU1WMZBtBIn/dvV17//VwDE7/7ZWnVnrLXLt5njRNSeIIrfWWEkMUQbkeG+pkDHqtF5S5Cfz0Pz2TW17k1+L9PRf2zUkxOoWONFqpQa3rEdq2C1uE6bf/bDv93tPi3ef+20P/ES/yvSxuqqud7shap4uPokGaROo0ja5f4eZrF/rKu1uA3v96q/iKFfUlJ6qbR2m8nrTHrSgZK/rZSLXhxPvQPxbrNN/gteXjwKfCebf1HLrVd4BXtheI9/5GCIbasGvLDduuMv3YE3f+c35y8qMzxlWfKH0+v2nW7jDeTEl93LiqqdvnEtV4M5bkj4srzzy9E2PYvYjjY6e+uVy+/ehi71fTlS+vF/E925PRaPIHe9IDr49Gk1/4/epzv9u1BqefvL+/Ui23w1yL9uFiFfQ+6EK1/MPci/zr2XqrrDe1I4fady3uWoOJeM/57bn1VlwtkkCxhb1l2y56kG3wYC09cnbXCEINFsY//N7MbnxrqTj//nXTa5WueEenlGjf1J1yLOpe3pvO/OQPq88/VnsxjGDb7p148JHKFfcWLjtUuqLrvA0byIc+GknSi1WynKjGa6lq/vy3vV+8WH8H/AM3eHFrGL2SRwAAAABJRU5ErkJggg==),
    auto;
}
* a,
button:not(.disabled),
select,
input {
  cursor: url(data:image/png;base64,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),
    pointer;
}
.duck-pointer:hover:not(.disabled),
.button:hover:not(.disabled),
.short-button:hover:not(.disabled) {
  cursor: url(data:image/png;base64,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),
    pointer !important;
}
.duck-pointer *:hover:not(.disabled),
.button *:hover:not(.disabled),
.short-button *:hover:not(.disabled) {
  cursor: url(data:image/png;base64,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),
    pointer !important;
}
* {
  box-sizing: border-box;
}
body {
  overflow: hidden;
  font-family: Manrope;
}
body button:focus,
body img:focus,
body input:focus {
  outline: -webkit-focus-ring-color auto 0;
}
body .message-info {
  width: 20%;
  height: auto;
  min-height: 30px;
  position: absolute;
  top: 5px;
  left: 40%;
  padding-top: 10px;
  text-align: center;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #1077e8 #83bfff;
}
*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #0000004d;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #83bfff;
  border-radius: 10px;
}
*::-webkit-scrollbar {
  width: 10px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #1077e8;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.background-blured {
  background-image: url(/assets/loading-background-blured.37a9b904.jpg);
  background-size: cover;
  z-index: -1;
}
#w3m-modal {
  z-index: 99999 !important;
}
.sound-progress {
  display: none;
  position: absolute;
  right: 35px;
  top: calc(50% - 5px);
  z-index: 600;
}
.sound-progress.active {
  display: table-column;
}
.sound-progress span {
  position: absolute;
  color: #000;
  background-color: #00000020;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.sound-progress span.active {
  background-color: #00c3ff66;
}
.sound-progress span:nth-child(1) {
  top: calc(50% + 20px);
}
.sound-progress span:nth-child(2) {
  top: calc(50% + 10px);
}
.sound-progress span:nth-child(3) {
  top: calc(50% + -0px);
}
.sound-progress span:nth-child(4) {
  top: calc(50% - 10px);
}
.sound-progress span:nth-child(5) {
  top: calc(50% - 20px);
}
.connecting-spinner {
  position: absolute;
  left: calc(50% - 62px);
  top: calc(50% - 62px);
  width: 130px;
  height: 130px;
}
.connecting-spinner:after {
  content: " ";
  display: block;
  width: 108px;
  height: 108px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: connecting-spinner 1.2s linear infinite;
}
@keyframes connecting-spinner {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.err {
  color: #df0a0a;
  font-weight: 700;
}
.rtc-error {
  position: absolute;
  left: calc(50% - 68px);
  top: calc(50% - 68px);
  width: 130px;
  height: 130px;
}
.rtc-error:after {
  content: " ";
  display: block;
  width: 108px;
  height: 108px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #f00;
  animation: blinker 1s linear infinite;
}
p.close-icon {
  position: absolute;
  padding: 4px;
  right: calc(25% + 5px);
  top: calc(25% + 5px);
  font-size: 30px;
  line-height: 25px;
}
p.close-icon img {
  width: 40px;
  height: auto;
}
p.close-icon img:hover {
  transform: scale(1.1);
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
body {
  margin: 0;
  height: 100%;
  width: 100%;
}
.main-container {
  height: 100%;
  width: 100%;
  position: absolute;
}
#game {
  position: relative;
}
#game iframe {
  pointer-events: all;
}
.button {
  color: #f5f5f5;
  font-weight: 700;
  height: 53px;
  padding-bottom: 2px;
  width: 168px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain !important;
}
.button:hover:not(.disabled) {
  transform: scale(1.02);
}
.disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
.button-primary {
  background: url(/assets/button.9bd3e591.png) no-repeat scroll 0 0 transparent;
}
.button-orange {
  background: url(/assets/button-orange.d25b4e0d.png) no-repeat scroll 0 0
    transparent;
}
.button-grey {
  background: url(/assets/button-grey.b900592e.png);
}
.button-grey-short {
  background: url(data:image/png;base64,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)
    no-repeat scroll 0 0 transparent !important;
}
.short-button {
  background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
    transparent;
  color: #f5f5f5;
  font-weight: 700;
  height: 40px;
  padding-bottom: 2px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.short-button:hover:not(.disabled),
.medium-button:hover:not(.disabled) {
  transform: scale(1.05);
}
@media only screen and (max-width: 991px) {
  .button {
    height: 40px;
    width: 127px;
    font-size: 14px;
  }
  .button-primary {
    background: url(/assets/button-md.e12223a9.png) no-repeat scroll 0 0
      transparent;
  }
  .button-orange {
    background: url(/assets/button-orange-md.9ef3ca7a.png) no-repeat scroll 0 0
      transparent;
  }
  .button-grey {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAAoCAYAAADXNiVcAAAMwklEQVR4nO1c64tUyRU/dbt7Wh11HB/4dn0EVPAVQQRxNjjuh4B+iZAV8g9kQ0KISQj5FzYLihtIzPf4IQmbTwtLcFF0I5hPccQMGnV8y+BrxufYPdO3wq/SZ1JzPFW3bjuuCeRA033vrXuq6vzOq86t22b37t2USBkRLbfW7hwfH+8bHx/fmuf5e3mezyWiGhHZGBtjTGo/KlkbZT8tfXTK4x30i8bjxpinWZbdrFQqA9Vq9StjzN+I6C4R5UlMUsC31n7QarU+ajab/bVarXfRokXU29tL3d3dVK1WqVKpOHAYIEyEj3lSfK1TEFOEE+Id61Ne849Dv8vyLMsvpS+ca7Va9OrVK3r27Bk9ffqUJiYmRqrV6sksy44ZY74MDrBNReBvaDQax6y131q4cCGtX7+eVq1aRXPmzHHAz5gxg7IsCwLMCuArhv9bHVCbF759wGPgFwlL61Oey/O8cOzyvD/vFDA1GYTOFSkh+gb44+PjTgFevnxJDx48oDt37tCTJ09w/XStVvuIiC6F5BYE31r7nbGxsd/09PQs2b59O23cuJHq9brrjLUOVt/V1TVlYBAiD9AXKJ+XE2MvIYH2wffb+F7FvxYSZAgAHp/kx2OW4/f5xJTX5yn71nho44p5SZYDjA594VOr1RwOExMTThFu3bpFV69epRcvXgzX6/UfGmP+rI1VBT/P8580Go0ja9asof7+flqwYIFzK/Pnz3eWD4sHXbt2ja5fvz4FOG1iRRN6bVDCyjUF0cCXQtJ+p7ZJdb0p9KYhInQNgM+aNYvGxsbch0Mwzo+MjNCFCxdoeHgYyvHTLMuOSD5VeSLP8583m81Ptm7dSnv27HHnwHjHjh20YcMGZ/1MiDXnzp1zR53G6a+D3lUSl9qPVOwy98EDgxCG4ZVh/c1m04XmXbt20fnz52Ggh6vVai3Lsl/5PKaAb639bqPR+GTLli3O4tmt9PX10dq1a6d0fu/ePTpx4oRzMY1GQ3V3/y0kPYYv8E4EX5bK8I/lOTxeWDfAnT17tgO7p6fHgQ/3D+NEzEcOMHPmTNq2bZu7d2ho6OOurq7rxpg/MT8f/C1jY2OfwtUjFIApmKxbt45Wr1492Qjadfr0aTp+/Lhz+3PnzlXdsfztK8Z0C1vylcmYnz+ElFO2T1EKrb9OKCWx9ecAbGBwDx8+dH3DA8+bN899oAAAHdaP+A9l2Lx5s1OG4eHhT+v1+mUiukB+zG82m192d3fv3bdvn1vGPX/+3DEGM8R6MLx79y5dunSJBgYGHFNonp/gFQFUBMB0CK+o73cZimLAph7LeSDx4yR86dKlDjvkZPAOAByEvAB4nj17Fgpxslar7SW2fGvtfmvtXsR0AIpkAckDOoB2Xb58mW7cuEGPHz9256FhnG2SiFspiYqcbKdr/1TCWL8O6tS9h+anKax2DgYKGd6/f995hCVLljgF4GQQSgBcEboHBwf7gbcx5nMnlTzPvwdAV6xY4VwI3AWYwHUgoYDW4BtrfWgWr+1DgwpNJOVa6BMTTNl7y5JcdnbaT+q9ZfjxNzCBYWJVBuMFXlAKXINnYKVArgC8qV2y/Uar1fr28uXLXUNoCUCHVeM3LB8fuPnQUitlotNNoWJMqDATE1yq8qTOoxM+oXYxq9fmCAUAXqOjo87qoQD077DuloBQAOAN3DNr7TcrlUovNAINADi0BuAjsQCTUOcpVFQUeRuUEkPL1B1C1KkHSFnbx/jElJmvI1nnFRi1E3UcY2UAvIF71mq1diMewG0AeLh8xAokDIghcPnsPkKDkpOeDsGmUgjoMsJLVdBO3Lx2X0gZtbGnFKLk+GH9wA0egJeFcPv4AEsct1qtvqq1dhtcOm4G+NAQfMAAn1gZUhuInMzbVoBOCySd9lWGT0wG2r2p1T7cK0vTUoFwHcDDqOH+4c0BPo6RDI6Ojm4H+CvRCI25QoTGfBOulRXKdFNIyNp6XqPpyjmmU5ljS9+Y+099zoDzwI8tHrhSuyTcXv2sxFKvh9qFAwYfF3ED4oYGvtSw2OD8SWga+iYFEi0Z0vhp/RXFV8nHKEWqlBgd8xZFBSe/TZE3lbIFbsjX8PgdeCKfE/fPrhpjqgAQF/EB+MarG/Oz+tBANKGEhFA0qTIU6zckKH8eZfv179EADSmCnCeJXKCIlzZ2rQ/NuLj4g98SfOBe5fiBhgAb4PvxosjtpAhNDlIKKWRhKXw1IfgUO44BrwGUoixF/ckYTYlWrc1V8g2Nh5/7M/HDIFfhA9g4wUu8FG2EYtj2c3ptQEXCSIl3sv8yniW0Kimal+wvFps1AFPHVzQ2UrxGyLv4Szr/Xl9pGXx+WIf2XN6dBN93FZpbl9rrhwUpoNCE/XOsREXC4hJtLMSk5BEa31j40CxXykDyDVm15FVksTFj0oxGU1r+7YMPnB347Pbh7n3LN2JdGouXmivThK5NLgRUSCm0UCGPy1pYSAFiHid2TSqC9h3KBTT5aooilS6WT3BY53lOgk/C8vHhm2DVvAz0ByzB1jqXEwyR5imkgLT4prULARzjW5R3SMWQLlYDoSgPkWNl+UqFl4BrBqF5Z9kW37yK88/D8ic4DrBLwDcaYU3IyZ+MIbIzzfpDT9Ok0LWngxSwDtmnLwBfiDHBa+FLXvfH6t8T8jwxL6Cd82XDgMh5anmWNq6Ql0A1j43Xz+naCjwBy3+S5/l8aAZ7ACwLUAXCkz48IeLBWbHRUQoxNHEemG81WvyTE46FEU3ovnA0dyr7JeEVYm5VuycUllJyGG2evlJoMd0nX2H88fJcgCP2YaB6i5I9g0//qc08g+Xfttau4QvsIlDaRY0fhQIu9Pjun89JCyrSXM26NTcZi4NFbj4GQqxNGXcdo5RcIGXbW1EeRcLSpRHwexUo2Pkhvd32Diz/fJ7n73MSwDVgXvdzOdAHXFq6jM2hWCzPaRYVElaMyoCkeYGU3KQMxUKJ9JwxYP1wGFN6vubXZYyXyPMeS8a4zefvsPy/tlqtH3NCgIvYrrV48WK3ZRvn8YQIGkQK0Jp2hhI2GSJCsTXGM0YhMEOJnc87do8/xhSPot0f8mjyvH8cGgN5CiHnwMaLJ7UctvEih5+stu87A0QH8M5X+507RwAb+73BAK4DOYDUviJ3VSQYf6IhrQ4lNSEBpySGfp8pFAoFRcoRi/Ghc6meUlNmLtEDL+zIwsZaKMLt27fd7iwYL9q0t+c9Be4A/59E9EWe5we5I1g79uyBSfvhv4v9IatMmWhskimxtigE8J5Czd36/WkZs2wXqjHESFO8VHBDHiUlH+GHcEjQd+7c6fbqY7cONtxeuXLF7bTG0z0YssfnC+DOW7d/T0QHucDDOz8HBwcJL2+AEc7DI8iBkGJZMaBSM2pJmmtOuT/kNSjAM3U8MdI8hGYsWqgJKV3I68BQ8eTuwIEDk3v0mWC47O75ta72fcB7ct/+50R00hjT7ycZQ0NDzk1s2rTJKQCSP94e5G/0kINMAT9k3f4SJiUcSOHJMJDat6TpAp8EqLFkmIRiFCk1gMdSbv/+/a8Bj2tHjx511o9QQO2inTHmpLUWeE95aeMQEf0ly7IlvOYH2LgZsQMKgKUf1o64jl2isoiTmgxp94QsM+VcqG1Rv2WpTGjTSHrIonZF4wcuABabb306c+YMHTt2zO3TR9KOtlCSLMuGrbWHJnmIFzU/JKI/cC2Y2o//EFPwJg/2fSOewOpxnfeFIxxwVbAToZQBtGzW/yYW/DYplCeFFIPPc8WVX5FHAQfb6WGUWKVdvHiRTp065XDBig0E4Nt7+w8S0R8neSpv6f6CiD7mSh+7H34le+XKlbRs2TL3dgiOuV78f0onmThrK5uQMvMxr9thmHhf8ubNm+4DzJDc8b5MKAg8uLX2l8B1Ct/A+/mHjDGH+Y1Pv7KHzhD/4U74vXD/HX2NUpI5Jk0IMeHELMXnWRRriyjVZcdIAi7nXIaAC79Y8+jRI2fp/rsV8A6exf+MiA5L9q+9ot2mI9baW9Vq9ddZli3lvX2sSfiNwgEPWu7j8+lN3G5oXRsrfsh7NQotqVIUJAWolGSuU/KXo8Z7Uwe4MH9+W7dSqQznef4jIvpM6y4EPugza+0/siz7Xb1efx8MueRLJS2gTEElpaiRAn6o31ghJbY8K+JR5rrkEZpLikKzArASAKe2YpzJ8/z7sb9liYEPuoT/4yGiD4wxP6jX6/i3hl7/0eB0UQwoze13avkxJSmTjacq9JtYeRHxchhgt5dxI9baU0T0W2tt4R8yFYHPBEZYH2JNsbNSqfRVKpWtxpj3iCjpr9imi0JWmeIJtHb/o4RJYDmGMu1Na+2AtfYra236X7ER0b8AAAR2w9tCAasAAAAASUVORK5CYII=)
      no-repeat scroll 0 0 transparent;
  }
  .short-button {
    background: url(data:image/png;base64,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)
      no-repeat scroll 0 0 transparent;
    height: 30px;
    width: 60px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .button {
    height: 27px;
    width: 84px;
    font-size: 12px;
  }
  .button-primary {
    background: url(data:image/png;base64,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)
      no-repeat scroll 0 0 transparent;
  }
  .button-orange {
    background: url(data:image/png;base64,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)
      no-repeat scroll 0 0 transparent;
  }
  .button-grey {
    background: url(data:image/png;base64,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)
      no-repeat scroll 0 0 transparent !important;
  }
  .short-button {
    background: url(data:image/png;base64,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)
      no-repeat scroll 0 0 transparent;
    height: 20px;
    width: 40px;
    font-size: 12px;
  }
}
h3,
h4 {
  font-size: 20px;
  margin-bottom: 10px;
  text-shadow: 3px 3px 5px #10509f;
  color: #f5f5f5;
}
@media only screen and (max-width: 991px) {
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 12px;
  }
}
.wrapped {
  position: absolute;
}
.chat-mode > div {
  margin: 1%;
  max-height: 96%;
  transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s,
    margin-top 0.2s;
  cursor: url(data:image/png;base64,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),
    pointer;
}
.chat-mode > div:hover {
  margin: 0%;
}
.chat-mode.one-col {
  grid-template-columns: repeat(1, 1fr);
}
.chat-mode.two-col {
  grid-template-columns: repeat(2, 1fr);
}
.chat-mode.three-col {
  grid-template-columns: repeat(3, 1fr);
}
.chat-mode.four-col {
  grid-template-columns: repeat(4, 1fr);
}
.message-container {
  position: absolute;
  width: 80%;
  height: 80%;
  min-height: 200px;
  max-height: 80%;
  top: -80%;
  left: 250px;
  background: #333333;
  z-index: 200;
  transition: all 0.1s ease-out;
  border-radius: 0 0 15px 15px;
}
.message-container {
  height: auto;
  border-radius: 0 0 10px 10px;
  color: #fff;
  top: 0;
}
.message-container .content-message {
  position: relative;
  padding: 20px;
  margin: 20px;
  overflow: scroll;
  max-height: 400px;
}
.message-container div.clear {
  position: absolute;
  color: #fff;
  z-index: 200;
  transition: all 0.1s ease-out;
  top: calc(100% + 2px);
  width: 200px;
  height: 40px;
  background-color: #2d2d2dba;
  left: calc(50% - 100px);
  border-radius: 15px;
  text-align: center;
}
.message-container div.clear {
  width: 100px;
  left: calc(50% - 50px);
}
.message-container div.clear img {
  margin-top: 6px;
  width: 30px;
  height: 30px;
  cursor: url(data:image/png;base64,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),
    pointer;
  padding: 0 5px;
  transition: all 0.5s ease;
  transform: rotateY(0);
  opacity: 0.5;
}
.message-container div.clear img:hover {
  opacity: 1;
}
.message-container div.clear img {
  transform: rotateY(3.142rad);
  opacity: 1;
}
.message-container div.clear p {
  margin-top: 12px;
}
.message-container div.clear:hover {
  cursor: url(data:image/png;base64,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),
    pointer;
  top: calc(100% + 5px);
  transform: scale(1.2) translateY(3px);
}
.main-console div.setting h1 {
  color: #fff;
}
.main-console div.setting select {
  background: black;
  color: #fff;
  min-width: 280px;
  text-align: center;
  min-height: 40px;
  padding: 10px;
  border-radius: 15px;
}
.main-console div.setting select:focus {
  border: solid 1px white;
  outline: none;
}
.main-console div.setting.active section {
  display: block;
}
div.modal-report-user {
  position: absolute;
  width: 800px;
  height: 600px;
  left: calc(50% - 400px);
  top: 100px;
  background-color: #000000ad;
  border-radius: 15px;
}
.modal-report-user textarea {
  position: absolute;
  height: 200px;
  z-index: 999;
  top: 200px;
  background-color: #000;
  color: #fff;
  width: calc(100% - 60px);
  margin: 30px;
  border-radius: 15px;
}
.modal-report-user img {
  position: absolute;
  height: 24px;
  width: 24px;
  z-index: 999;
  left: calc(50% - 12px);
  top: 10px;
}
.modal-report-user img#cancel-report-user {
  position: absolute;
  z-index: 999;
  right: 0;
  left: auto;
  top: 0;
  cursor: url(data:image/png;base64,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),
    pointer;
  width: 15px;
  height: 15px;
  margin: 10px;
}
.modal-report-user button {
  position: absolute;
  top: 450px;
  left: calc(50% - 50px);
  width: 100px;
  border: 1px solid black;
  background-color: #0000;
  color: #ffda01;
  border-radius: 15px;
  padding: 10px 30px;
  transition: all 0.2s ease;
}
.modal-report-user button:hover {
  cursor: url(data:image/png;base64,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),
    pointer;
  background-color: #ffda01;
  color: #000;
  border: 1px solid black;
  transform: scale(1.1);
}
.modal-report-user p#title-report-user {
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center;
}
.modal-report-user p#body-report-user {
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 70px;
  width: 100%;
  text-align: left;
  padding: 30px;
  max-width: 740px;
}
.discussion {
  position: fixed;
  left: -300px;
  top: 0;
  width: 220px;
  height: 100%;
  background-color: #333;
  padding: 20px;
  transition: all 0.5s ease;
}
.discussion.active {
  left: 0;
}
.discussion .active-btn {
  display: none;
  cursor: url(data:image/png;base64,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),
    pointer;
  height: 50px;
  width: 50px;
  background-color: #2d2d2dba;
  position: absolute;
  top: calc(50% - 25px);
  margin-left: 315px;
  border-radius: 50%;
  border: none;
  transition: all 0.5s ease;
}
.discussion .active-btn.active {
  display: block;
}
.discussion .active-btn:hover {
  transform: scale(1.1) rotateY(3.142rad);
}
.discussion .active-btn img {
  width: 26px;
  height: 26px;
  margin: 13px 5px;
}
.discussion .close-btn {
  position: absolute;
  top: 0;
  right: 10px;
  background: none;
  border: none;
  cursor: url(data:image/png;base64,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),
    pointer;
}
.discussion .close-btn img {
  height: 15px;
  right: 15px;
}
.discussion p {
  color: #fff;
  font-size: 22px;
  padding-left: 10px;
  margin: 0;
}
.discussion .participants {
  height: 200px;
  margin: 10px 0;
}
.discussion .participants .participant {
  display: flex;
  margin: 5px 10px;
  background-color: #ffffff69;
  padding: 5px;
  border-radius: 15px;
  cursor: url(data:image/png;base64,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),
    pointer;
}
.discussion .participants .participant:hover {
  background-color: #fff;
}
.discussion .participants .participant:hover p {
  color: #000;
}
.discussion .participants .participant:before {
  content: "";
  height: 10px;
  width: 10px;
  background-color: #1e7e34;
  position: absolute;
  margin-left: 18px;
  border-radius: 50%;
  margin-top: 18px;
}
.discussion .participants .participant img {
  width: 26px;
  height: 26px;
}
.discussion .participants .participant p {
  font-size: 16px;
  margin-left: 10px;
  margin-top: 2px;
}
.discussion .participants .participant button.report-btn {
  cursor: url(data:image/png;base64,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),
    pointer;
  position: absolute;
  background-color: #2d2d2dba;
  right: 34px;
  margin: 0;
  padding: 2px 0;
  border-radius: 15px;
  border: none;
  color: #fff;
  width: 0px;
  overflow: hidden;
  transition: all 0.5s ease;
}
.discussion .participants .participant:hover button.report-btn {
  width: 70px;
}
.discussion .messages {
  position: absolute;
  height: calc(100% - 390px);
  overflow-x: hidden;
  overflow-y: auto;
  max-width: calc(100% - 40px);
  width: calc(100% - 40px);
}
.discussion .messages h2 {
  color: #fff;
}
.discussion .messages .message {
  margin: 5px;
  float: right;
  text-align: right;
  width: 100%;
}
.discussion .messages .message.me {
  float: left;
  text-align: left;
}
.discussion .messages .message p {
  font-size: 12px;
}
.discussion .messages .message p.body {
  color: #fff;
  font-size: 16px;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.discussion .messages .message p a,
.discussion .messages .message p a:visited {
  color: #fff;
}
.discussion .send-message {
  position: absolute;
  bottom: 45px;
  width: 200px;
  height: 26px;
  margin-bottom: 10px;
}
.discussion .send-message input {
  position: absolute;
  width: calc(100% - 20px);
  height: 30px;
  background-color: #171717;
  color: #fff;
  border-radius: 10px;
  border: none;
  padding: 6px;
}
.discussion .send-message img {
  position: absolute;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background-color: #ffffff69;
}
.discussion .send-message img:hover {
  background-color: #fff;
}
div.action {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  bottom: 40px;
  transition: all 0.5s ease;
  animation: mymove 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
div.action.info,
div.action.warning,
div.action.danger {
  transition: all 1s ease;
  animation: mymove 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
div.action p.action-body {
  cursor: url(data:image/png;base64,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),
    pointer;
  padding: 10px;
  background-color: #2d2d2dba;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  max-width: 350px;
  margin-left: calc(50% - 175px);
  border-radius: 15px;
}
div.action.warning p.action-body {
  background-color: #ff9800eb;
  color: #000;
}
div.action.danger p.action-body {
  background-color: #da0000e3;
  color: #000;
}
.popUpElement {
  text-align: left;
  color: #fff;
}
.popUpElement div {
  font-size: 10px;
  background-color: #727678;
  white-space: pre-line;
}
.popUpElement .nes-container {
  padding: 1rem;
}
.popUpElement button {
  position: relative;
  font-size: 10px;
  border-image-repeat: revert;
  margin-right: 5px;
}
.popUpElement .buttonContainer {
  float: right;
  background-color: inherit;
}
@keyframes mymove {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 40px;
  }
}
.cowebsite-loader {
  width: 50px;
  height: 50px;
  background: url(/assets/ducky-city-face.c7989874.png);
  background-size: cover;
  animation: zoom-in-zoom-out 1s ease infinite;
}
.modal-loader {
  width: 40px;
  height: 40px;
  background: url(/assets/ducky-city-face.c7989874.png);
  background-size: cover;
  animation: zoom-in-zoom-out 1s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  to {
    transform: scale(1);
  }
}
#game-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}
#game-overlay + div {
  pointer-events: none;
  z-index: 2;
}
#game-overlay + div > div {
  pointer-events: auto;
}
#game-overlay > div {
  position: relative;
  width: 100%;
  height: 100%;
}
#game-overlay > div > div:not(#open-gifts) {
  position: absolute;
  width: 100%;
  height: 100%;
}
#game-overlay > div > div.scrollable {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}
#game-overlay.hide {
  visibility: hidden;
}
div.emoji-picker {
  background-color: #333;
  border-radius: 1em;
}
div.emoji-picker input.emoji-picker__search {
  border-radius: 1em;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
section.section-input-send-text {
  --height-toolbar: 20%;
  height: 100%;
}
section.section-input-send-text .ql-toolbar {
  max-height: var(--height-toolbar);
  background: whitesmoke;
}
section.section-input-send-text div.input-send-text {
  height: calc(100% - var(--height-toolbar));
  overflow: auto;
  color: #f5f5f5;
  font-size: 1rem;
}
section.section-input-send-text div.input-send-text .ql-editor.ql-blank:before {
  color: #f5f5f5;
  font-size: 1rem;
}
section.section-input-send-text div.input-send-text .ql-tooltip {
  top: 40% !important;
  left: 20% !important;
  color: #f5f5f5;
  background-color: #333;
}
@media only screen and (max-width: 991px) {
  section.section-input-send-text {
    --height-toolbar: 30%;
  }
  section.section-input-send-text .ql-toolbar {
    overflow: auto;
  }
}
svg.svelte-qbd276 {
  width: var(--chevron-icon-width, 20px);
  height: var(--chevron-icon-width, 20px);
  color: var(--chevron-icon-colour, currentColor);
}
svg.svelte-whdbu1 {
  width: var(--clear-icon-width, 20px);
  height: var(--clear-icon-width, 20px);
  color: var(--clear-icon-color, currentColor);
}
.loading.svelte-1p3nqvd {
  width: var(--spinner-width, 20px);
  height: var(--spinner-height, 20px);
  color: var(--spinner-color, var(--icons-color));
  animation: svelte-1p3nqvd-rotate 0.75s linear infinite;
  transform-origin: center center;
  transform: none;
}
.circle_path.svelte-1p3nqvd {
  stroke-dasharray: 90;
  stroke-linecap: round;
}
@keyframes svelte-1p3nqvd-rotate {
  to {
    transform: rotate(360deg);
  }
}
.svelte-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  --borderRadius: var(--border-radius);
  --clearSelectColor: var(--clear-select-color);
  --clearSelectWidth: var(--clear-select-width);
  --disabledBackground: var(--disabled-background);
  --disabledBorderColor: var(--disabled-border-color);
  --disabledColor: var(--disabled-color);
  --disabledPlaceholderColor: var(--disabled-placeholder-color);
  --disabledPlaceholderOpacity: var(--disabled-placeholder-opacity);
  --errorBackground: var(--error-background);
  --errorBorder: var(--error-border);
  --groupItemPaddingLeft: var(--group-item-padding-left);
  --groupTitleColor: var(--group-title-color);
  --groupTitleFontSize: var(--group-title-font-size);
  --groupTitleFontWeight: var(--group-title-font-weight);
  --groupTitlePadding: var(--group-title-padding);
  --groupTitleTextTransform: var(--group-title-text-transform);
  --groupTitleBorderColor: var(--group-title-border-color);
  --groupTitleBorderWidth: var(--group-title-border-width);
  --groupTitleBorderStyle: var(--group-title-border-style);
  --indicatorColor: var(--chevron-color);
  --indicatorHeight: var(--chevron-height);
  --indicatorWidth: var(--chevron-width);
  --inputColor: var(--input-color);
  --inputLeft: var(--input-left);
  --inputLetterSpacing: var(--input-letter-spacing);
  --inputMargin: var(--input-margin);
  --inputPadding: var(--input-padding);
  --itemActiveBackground: var(--item-active-background);
  --itemColor: var(--item-color);
  --itemFirstBorderRadius: var(--item-first-border-radius);
  --itemHoverBG: var(--item-hover-bg);
  --itemHoverColor: var(--item-hover-color);
  --itemIsActiveBG: var(--item-is-active-bg);
  --itemIsActiveColor: var(--item-is-active-color);
  --itemIsNotSelectableColor: var(--item-is-not-selectable-color);
  --itemPadding: var(--item-padding);
  --listBackground: var(--list-background);
  --listBorder: var(--list-border);
  --listBorderRadius: var(--list-border-radius);
  --listEmptyColor: var(--list-empty-color);
  --listEmptyPadding: var(--list-empty-padding);
  --listEmptyTextAlign: var(--list-empty-text-align);
  --listMaxHeight: var(--list-max-height);
  --listPosition: var(--list-position);
  --listShadow: var(--list-shadow);
  --listZIndex: var(--list-z-index);
  --multiItemBG: var(--multi-item-bg);
  --multiItemBorderRadius: var(--multi-item-border-radius);
  --multiItemDisabledHoverBg: var(--multi-item-disabled-hover-bg);
  --multiItemDisabledHoverColor: var(--multi-item-disabled-hover-color);
  --multiItemHeight: var(--multi-item-height);
  --multiItemMargin: var(--multi-item-margin);
  --multiItemPadding: var(--multi-item-padding);
  --multiSelectInputMargin: var(--multi-select-input-margin);
  --multiSelectInputPadding: var(--multi-select-input-padding);
  --multiSelectPadding: var(--multi-select-padding);
  --placeholderColor: var(--placeholder-color);
  --placeholderOpacity: var(--placeholder-opacity);
  --selectedItemPadding: var(--selected-item-padding);
  --spinnerColor: var(--spinner-color);
  --spinnerHeight: var(--spinner-height);
  --spinnerWidth: var(--spinner-width);
  --internal-padding: 0 0 0 16px;
  border: var(--border, 1px solid #d8dbdf);
  border-radius: var(--border-radius, 6px);
  min-height: var(--height, 42px);
  position: relative;
  display: flex;
  align-items: stretch;
  padding: var(--padding, var(--internal-padding));
  background: var(--background, #fff);
  margin: var(--margin, 0);
  width: var(--width, 100%);
  font-size: var(--font-size, 16px);
  max-height: var(--max-height);
}
.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  box-sizing: var(--box-sizing, border-box);
}
.svelte-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:hover {
  border: var(--border-hover, 1px solid #b2b8bf);
}
.value-container.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 10px;
  padding: var(--value-container-padding, 5px 0);
  position: relative;
  overflow: var(--value-container-overflow, hidden);
  align-self: stretch;
}
.prepend.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,
.indicators.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.indicators.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  position: var(--indicators-position);
  top: var(--indicators-top);
  right: var(--indicators-right);
  bottom: var(--indicators-bottom);
}
input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  position: absolute;
  cursor: default;
  border: none;
  color: var(--input-color, var(--item-color));
  padding: var(--input-padding, 0);
  letter-spacing: var(--input-letter-spacing, inherit);
  margin: var(--input-margin, 0);
  min-width: 10px;
  inset: 0;
  background: transparent;
  font-size: var(--font-size, 16px);
}
.svelte-82qwg8:not(.multi)
  > .value-container.svelte-82qwg8
  > input.svelte-82qwg8 {
  width: 100%;
  height: 100%;
}
input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8::placeholder {
  color: var(--placeholder-color, #78848f);
  opacity: var(--placeholder-opacity, 1);
}
input.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:focus {
  outline: none;
}
.svelte-select.focused.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  border: var(--border-focused, 1px solid #006fe8);
  border-radius: var(--border-radius-focused, var(--border-radius, 6px));
}
.disabled.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  background: var(--disabled-background, #ebedef);
  border-color: var(--disabled-border-color, #ebedef);
  color: var(--disabled-color, #c1c6cc);
}
.disabled.svelte-82qwg8 input.svelte-82qwg8.svelte-82qwg8::placeholder {
  color: var(--disabled-placeholder-color, #c1c6cc);
  opacity: var(--disabled-placeholder-opacity, 1);
}
.selected-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  position: relative;
  overflow: var(--selected-item-overflow, hidden);
  padding: var(--selected-item-padding, 0 20px 0 0);
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--selected-item-color, inherit);
  font-size: var(--font-size, 16px);
}
.multi.svelte-82qwg8 .selected-item.svelte-82qwg8.svelte-82qwg8 {
  position: absolute;
  line-height: var(--height, 42px);
  height: var(--height, 42px);
}
.selected-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:focus {
  outline: none;
}
.hide-selected-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  opacity: 0;
}
.icon.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.clear-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--clear-select-width, 40px);
  height: var(--clear-select-height, 100%);
  color: var(--clear-select-color, var(--icons-color));
  margin: var(--clear-select-margin, 0);
  pointer-events: all;
  flex-shrink: 0;
}
.clear-select.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:focus {
  outline: var(--clear-select-focus-outline, 1px solid #006fe8);
}
.loading.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  width: var(--loading-width, 40px);
  height: var(--loading-height);
  color: var(--loading-color, var(--icons-color));
  margin: var(--loading--margin, 0);
  flex-shrink: 0;
}
.chevron.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  width: var(--chevron-width, 40px);
  height: var(--chevron-height, 40px);
  background: var(--chevron-background, transparent);
  pointer-events: var(--chevron-pointer-events, none);
  color: var(--chevron-color, var(--icons-color));
  border: var(--chevron-border, 0 0 0 1px solid #d8dbdf);
  flex-shrink: 0;
}
.multi.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  padding: var(--multi-select-padding, var(--internal-padding));
}
.multi.svelte-82qwg8 input.svelte-82qwg8.svelte-82qwg8 {
  padding: var(--multi-select-input-padding, 0);
  position: relative;
  margin: var(--multi-select-input-margin, 5px 0);
  flex: 1 1 40px;
}
.svelte-select.error.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  border: var(--error-border, 1px solid #ff2d55);
  background: var(--error-background, #fff);
}
.a11y-text.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.multi-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  background: var(--multi-item-bg, #ebedef);
  margin: var(--multi-item-margin, 0);
  outline: var(--multi-item-outline, 1px solid #ddd);
  border-radius: var(--multi-item-border-radius, 4px);
  height: var(--multi-item-height, 25px);
  line-height: var(--multi-item-height, 25px);
  display: flex;
  cursor: default;
  padding: var(--multi-item-padding, 0 5px);
  overflow: hidden;
  gap: var(--multi-item-gap, 4px);
  outline-offset: -1px;
  max-width: var(--multi-max-width, none);
  color: var(--multi-item-color, var(--item-color));
}
.multi-item.disabled.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:hover {
  background: var(--multi-item-disabled-hover-bg, #ebedef);
  color: var(--multi-item-disabled-hover-color, #c1c6cc);
}
.multi-item-text.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-item-clear.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  display: flex;
  align-items: center;
  justify-content: center;
  --clear-icon-color: var(--multi-item-clear-icon-color, #000);
}
.multi-item.active.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  outline: var(--multi-item-active-outline, 1px solid #006fe8);
}
.svelte-select-list.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  box-shadow: var(--list-shadow, 0 2px 3px 0 rgba(44, 62, 80, 0.24));
  border-radius: var(--list-border-radius, 4px);
  max-height: var(--list-max-height, 252px);
  overflow-y: auto;
  background: var(--list-background, #fff);
  position: var(--list-position, absolute);
  z-index: var(--list-z-index, 2);
  border: var(--list-border);
}
.prefloat.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  opacity: 0;
  pointer-events: none;
}
.list-group-title.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  color: var(--group-title-color, #8f8f8f);
  cursor: default;
  font-size: var(--group-title-font-size, 16px);
  font-weight: var(--group-title-font-weight, 600);
  height: var(--height, 42px);
  line-height: var(--height, 42px);
  padding: var(--group-title-padding, 0 20px);
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  text-transform: var(--group-title-text-transform, uppercase);
  border-width: var(--group-title-border-width, medium);
  border-style: var(--group-title-border-style, none);
  border-color: var(--group-title-border-color, color);
}
.empty.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  text-align: var(--list-empty-text-align, center);
  padding: var(--list-empty-padding, 20px 0);
  color: var(--list-empty-color, #78848f);
}
.item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  cursor: default;
  height: var(--item-height, var(--height, 42px));
  line-height: var(--item-line-height, var(--height, 42px));
  padding: var(--item-padding, 0 20px);
  color: var(--item-color, inherit);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: var(--item-transition, all 0.2s);
  align-items: center;
  width: 100%;
}
.item.group-item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  padding-left: var(--group-item-padding-left, 40px);
}
.item.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:active {
  background: var(--item-active-background, #b9daff);
}
.item.active.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  background: var(--item-is-active-bg, #007aff);
  color: var(--item-is-active-color, #fff);
}
.item.first.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  border-radius: var(--item-first-border-radius, 4px 4px 0 0);
}
.item.hover.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:not(.active) {
  background: var(--item-hover-bg, #e7f2ff);
  color: var(--item-hover-color, inherit);
}
.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,
.item.hover.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,
.item.active.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8,
.item.not-selectable.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8:active {
  color: var(--item-is-not-selectable-color, #999);
  background: transparent;
}
.required.svelte-82qwg8.svelte-82qwg8.svelte-82qwg8 {
  opacity: 0;
  z-index: -1;
  position: absolute;
  inset: 0;
}
.chain-info.svelte-11z1jkf.svelte-11z1jkf {
  display: flex;
  gap: 5px;
  align-items: center;
}
.chain-info.svelte-11z1jkf img.svelte-11z1jkf {
  width: 25px;
}
.container-main.svelte-11z1jkf.svelte-11z1jkf {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
}
div.deposit-modal.svelte-11z1jkf.svelte-11z1jkf {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 600px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%) translateY(-50%);
}
div.deposit-modal.svelte-11z1jkf p.close-icon.svelte-11z1jkf {
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
div.deposit-modal.svelte-11z1jkf p.close-icon img.svelte-11z1jkf {
  width: 40px;
  height: auto;
}
div.deposit-modal.svelte-11z1jkf p.close-icon img.svelte-11z1jkf:hover {
  transform: scale(1.1);
}
div.deposit-modal.svelte-11z1jkf .modal-container.svelte-11z1jkf {
  border-radius: 15px;
  background: #fff;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 23px;
}
div.deposit-modal.svelte-11z1jkf section.deposit-modal-title.svelte-11z1jkf {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #000;
  display: flex;
  justify-content: center;
  height: 30px;
}
div.deposit-modal.svelte-11z1jkf section.deposit-fee-text.svelte-11z1jkf {
  width: 100%;
  font-size: 20px;
  color: #36479b;
  font-weight: 600;
  display: flex;
  text-align: start;
}
div.deposit-modal.svelte-11z1jkf
  section.deposit-modal-textfield.svelte-11z1jkf {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  --selected-item-color: #000;
  --input-color: #000;
  --item-color: #000;
  --item-hover-color: #000;
  --border-radius: 10px;
  --width: 50%;
  --item-is-active-color: #000;
  --clear-icon-color: #000;
  --font-size: 20px;
}
div.deposit-modal.svelte-11z1jkf
  section.deposit-modal-textfield
  .inputNumber.svelte-11z1jkf {
  font-weight: 700;
  background-color: #f2f2f2;
  color: #000;
  border: 1px solid whitesmoke;
  height: 40px;
  padding: 0 20px;
  border-radius: 10px;
  width: 50%;
  max-width: 50%;
}
div.deposit-modal.svelte-11z1jkf section.deposit-modal-action.svelte-11z1jkf {
  display: flex;
  justify-content: center;
  gap: 20px;
}
div.deposit-modal.svelte-11z1jkf
  section.deposit-modal-action
  .button-deposit.svelte-11z1jkf {
  width: 120px;
  height: 40px;
  background-color: #f1de2e;
  border-radius: 10px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  div.deposit-modal.svelte-11z1jkf.svelte-11z1jkf {
    width: 96% !important;
    padding: 8px;
    font-size: 14px;
  }
  div.deposit-modal.svelte-11z1jkf p.close-icon img.svelte-11z1jkf {
    width: 20px;
    height: auto;
  }
  div.deposit-modal.svelte-11z1jkf .modal-container.svelte-11z1jkf {
    gap: 15px;
  }
  div.deposit-modal.svelte-11z1jkf
    section.deposit-modal-textfield.svelte-11z1jkf {
    font-size: 14px;
    --font-size: 14px;
  }
  div.deposit-modal.svelte-11z1jkf section.deposit-modal-title.svelte-11z1jkf {
    font-size: 14px;
    height: 20px;
    line-height: 22px;
  }
  div.deposit-modal.svelte-11z1jkf section.deposit-fee-text.svelte-11z1jkf {
    font-size: 14px;
  }
  div.deposit-modal.svelte-11z1jkf
    section.deposit-modal-action
    .button-deposit.svelte-11z1jkf {
    font-size: 14px;
    width: 72px;
    height: 24px;
  }
}
:root {
  --item-is-active-bg: #ccc;
}
.chain-info.svelte-1hlr5u9.svelte-1hlr5u9 {
  display: flex;
  gap: 5px;
  align-items: center;
}
.chain-info.svelte-1hlr5u9 img.svelte-1hlr5u9 {
  width: 25px;
}
.container-main.svelte-1hlr5u9.svelte-1hlr5u9 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
}
div.withdraw-modal.svelte-1hlr5u9.svelte-1hlr5u9 {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 600px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%) translateY(-50%);
}
div.withdraw-modal.svelte-1hlr5u9 p.close-icon.svelte-1hlr5u9 {
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
div.withdraw-modal.svelte-1hlr5u9 p.close-icon img.svelte-1hlr5u9 {
  width: 40px;
  height: auto;
}
div.withdraw-modal.svelte-1hlr5u9 p.close-icon img.svelte-1hlr5u9:hover {
  transform: scale(1.1);
}
div.withdraw-modal.svelte-1hlr5u9 .modal-container.svelte-1hlr5u9 {
  border-radius: 15px;
  background: #fff;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 23px;
}
div.withdraw-modal.svelte-1hlr5u9 section.withdraw-modal-title.svelte-1hlr5u9 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #000;
  display: flex;
  justify-content: center;
  height: 30px;
}
div.withdraw-modal.svelte-1hlr5u9 section.deposit-fee-text.svelte-1hlr5u9 {
  width: 100%;
  font-size: 20px;
  color: #36479b;
  font-weight: 600;
  display: flex;
  text-align: start;
}
div.withdraw-modal.svelte-1hlr5u9
  section.withdraw-modal-textfield.svelte-1hlr5u9 {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  font-weight: 700;
  font-size: 20px;
  --selected-item-color: #000;
  --input-color: #000;
  --item-color: #000;
  --item-hover-color: #000;
  --border-radius: 10px;
  --width: 50%;
  --item-is-active-color: #000;
  --clear-icon-color: #000;
  --font-size: 20px;
}
div.withdraw-modal.svelte-1hlr5u9
  section.withdraw-modal-textfield
  .input-container.svelte-1hlr5u9 {
  position: relative;
  display: flex;
  gap: 0px;
  width: 50%;
  background-color: #f2f2f2;
  border: 1px solid whitesmoke;
  border-radius: 10px;
  overflow: hidden;
}
div.withdraw-modal.svelte-1hlr5u9
  section.withdraw-modal-textfield
  .input-container
  .inputNumber.svelte-1hlr5u9 {
  font-weight: 700;
  background-color: #f2f2f2;
  border: none;
  height: 40px;
  padding: 0 20px;
  border-radius: 10px 0 0 10px;
  width: calc(100% - 40px);
}
div.withdraw-modal.svelte-1hlr5u9
  section.withdraw-modal-textfield
  .input-container
  .max-button.svelte-1hlr5u9 {
  color: #000;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 10px;
  color: #ffc107;
  font-weight: 700;
  transition: 0.2s;
}
div.withdraw-modal.svelte-1hlr5u9
  section.withdraw-modal-textfield
  .input-container
  .max-button.svelte-1hlr5u9:hover {
  color: #000;
  transform: scale(1.02);
}
div.withdraw-modal.svelte-1hlr5u9 section.withdraw-modal-action.svelte-1hlr5u9 {
  display: flex;
  justify-content: center;
  gap: 20px;
}
div.withdraw-modal.svelte-1hlr5u9
  section.withdraw-modal-action
  .button-deposit.svelte-1hlr5u9 {
  width: 120px;
  height: 40px;
  background-color: #f1de2e;
  border-radius: 10px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  div.withdraw-modal.svelte-1hlr5u9.svelte-1hlr5u9 {
    width: 96% !important;
    padding: 8px;
    font-size: 14px;
  }
  div.withdraw-modal.svelte-1hlr5u9 p.close-icon img.svelte-1hlr5u9 {
    width: 20px;
    height: auto;
  }
  div.withdraw-modal.svelte-1hlr5u9 .modal-container.svelte-1hlr5u9 {
    gap: 15px;
  }
  div.withdraw-modal.svelte-1hlr5u9
    section.withdraw-modal-title.svelte-1hlr5u9 {
    font-size: 14px;
    height: 20px;
    line-height: 22px;
  }
  div.withdraw-modal.svelte-1hlr5u9
    section.withdraw-modal-textfield.svelte-1hlr5u9 {
    font-size: 14px;
    --font-size: 14px;
  }
  div.withdraw-modal.svelte-1hlr5u9 section.deposit-fee-text.svelte-1hlr5u9 {
    font-size: 14px;
  }
  div.withdraw-modal.svelte-1hlr5u9
    section.withdraw-modal-action
    .button-deposit.svelte-1hlr5u9 {
    font-size: 14px;
    width: 72px;
    height: 24px;
  }
}
.container-main.svelte-1y7etlx.svelte-1y7etlx {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
}
.history-details-modal.svelte-1y7etlx.svelte-1y7etlx {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 600px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%) translateY(-50%);
  color: #000;
}
.history-details-modal.svelte-1y7etlx p.close-icon.svelte-1y7etlx {
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
.history-details-modal.svelte-1y7etlx p.close-icon img.svelte-1y7etlx {
  width: 40px;
  height: auto;
}
.history-details-modal.svelte-1y7etlx p.close-icon img.svelte-1y7etlx:hover {
  transform: scale(1.1);
}
.history-details-modal.svelte-1y7etlx
  section.details-modal-title.svelte-1y7etlx {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #000;
  display: flex;
  justify-content: center;
  height: 30px;
}
.history-details-modal.svelte-1y7etlx .modal-container.svelte-1y7etlx {
  border-radius: 15px;
  background: #fff;
  padding: 20px 15px 27px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 23px;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container.svelte-1y7etlx {
  display: flex;
  flex-direction: column;
  gap: 20px;
  -webkit-user-select: text;
  user-select: text;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .content.svelte-1y7etlx {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .content
  .svelte-1y7etlx:hover {
  cursor: text;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .content
  .amount.svelte-1y7etlx {
  color: #36479b;
  font-size: 30px;
  font-weight: 700;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .content
  .status-container.svelte-1y7etlx {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .content
  .status-container
  .circle.svelte-1y7etlx {
  border: 8px solid black;
  border-radius: 50%;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .content
  .status-container
  .text.svelte-1y7etlx {
  color: #36479b;
  font-size: 20px;
  font-weight: 700;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .details.svelte-1y7etlx {
  word-break: break-word;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .details
  .svelte-1y7etlx:hover {
  cursor: text;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .details
  .row.svelte-1y7etlx {
  color: #36479b;
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .details
  .row
  div.svelte-1y7etlx {
  display: inline-block;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .details
  .row
  .field.svelte-1y7etlx {
  font-weight: 400;
}
.history-details-modal.svelte-1y7etlx
  .modal-container
  .content-container
  .details
  .row
  .value.svelte-1y7etlx {
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  div.history-details-modal.svelte-1y7etlx.svelte-1y7etlx {
    width: auto !important;
    padding: 8px;
    font-size: 14px;
  }
  div.history-details-modal.svelte-1y7etlx p.close-icon img.svelte-1y7etlx {
    width: 20px;
    height: auto;
  }
  div.history-details-modal.svelte-1y7etlx .modal-container.svelte-1y7etlx {
    gap: 15px;
  }
  div.history-details-modal.svelte-1y7etlx
    .modal-container
    .content-container
    .content
    .amount.svelte-1y7etlx {
    font-size: 18px;
  }
  div.history-details-modal.svelte-1y7etlx
    .modal-container
    .content-container
    .content
    .status-container
    .circle.svelte-1y7etlx {
    border: 4px solid black;
    border-radius: 50%;
  }
  div.history-details-modal.svelte-1y7etlx
    .modal-container
    .content-container
    .content
    .status-container
    .text.svelte-1y7etlx,
  div.history-details-modal.svelte-1y7etlx
    .modal-container
    .content-container
    .details
    .row.svelte-1y7etlx {
    font-size: 12px;
  }
  div.history-details-modal.svelte-1y7etlx
    section.details-modal-title.svelte-1y7etlx {
    font-size: 14px;
    height: 20px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 575px) {
  div.history-details-modal.svelte-1y7etlx.svelte-1y7etlx {
    width: 90% !important;
  }
}
.container-main.svelte-1yjsmtb.svelte-1yjsmtb {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  font-style: normal;
  line-height: normal;
}
.short-button.svelte-1yjsmtb.svelte-1yjsmtb {
  height: 30px;
  width: 60px;
  background-size: contain;
}
.button.svelte-1yjsmtb.svelte-1yjsmtb {
  height: 39px;
  width: 120px;
  background-size: contain;
}
h2.svelte-1yjsmtb.svelte-1yjsmtb {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 18px;
}
div.enter-number.svelte-1yjsmtb.svelte-1yjsmtb {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 360px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 25px 25px 18px;
  border-radius: 20px;
  border: 4px solid #10509f;
  transform: translate(-50%, -50%);
}
div.enter-number.svelte-1yjsmtb p.close-icon.svelte-1yjsmtb {
  position: absolute;
  right: 5px;
  top: 5px;
}
div.enter-number.svelte-1yjsmtb p.close-icon img.svelte-1yjsmtb {
  width: 30px;
  height: auto;
}
div.enter-number.svelte-1yjsmtb p.close-icon img.svelte-1yjsmtb:hover {
  transform: scale(1.1);
}
div.enter-number.svelte-1yjsmtb section.enter-number-title.svelte-1yjsmtb {
  margin-bottom: 20px;
  padding-right: 25px;
  display: flex;
  justify-content: center;
}
div.enter-number.svelte-1yjsmtb section.enter-number-textfield.svelte-1yjsmtb {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
div.enter-number.svelte-1yjsmtb
  section.enter-number-textfield
  .inputNumber.svelte-1yjsmtb {
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  padding: 3px 15px;
  border-radius: 20px;
  width: 180px;
}
div.enter-number.svelte-1yjsmtb section.enter-number-action.svelte-1yjsmtb {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 575px) {
  .short-button.svelte-1yjsmtb.svelte-1yjsmtb {
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  .button.svelte-1yjsmtb.svelte-1yjsmtb {
    height: 39px;
    width: 120px;
    background-size: contain;
  }
  h2.svelte-1yjsmtb.svelte-1yjsmtb {
    text-shadow: 3px 3px 5px #10509f;
    font-size: 18px;
  }
  div.enter-number.svelte-1yjsmtb p.close-icon.svelte-1yjsmtb {
    position: absolute;
    right: 5px;
    top: 5px;
  }
  div.enter-number.svelte-1yjsmtb p.close-icon img.svelte-1yjsmtb {
    width: 30px;
    height: auto;
  }
  div.enter-number.svelte-1yjsmtb p.close-icon img.svelte-1yjsmtb:hover {
    transform: scale(1.1);
  }
  div.enter-number.svelte-1yjsmtb section.enter-number-title.svelte-1yjsmtb {
    margin-bottom: 20px;
    padding-right: 25px;
    display: flex;
    justify-content: center;
  }
  div.enter-number.svelte-1yjsmtb
    section.enter-number-textfield.svelte-1yjsmtb {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
  div.enter-number.svelte-1yjsmtb
    section.enter-number-textfield
    .inputNumber.svelte-1yjsmtb {
    background-color: #fff;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    padding: 3px 15px;
    border-radius: 20px;
    width: 180px;
  }
  div.enter-number.svelte-1yjsmtb section.enter-number-action.svelte-1yjsmtb {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
form.customCharacterScene.svelte-1iigmev.svelte-1iigmev {
  pointer-events: auto;
  color: #ebeeee;
}
form.customCharacterScene.svelte-1iigmev section.svelte-1iigmev {
  margin: 10px;
}
form.customCharacterScene.svelte-1iigmev section.action.svelte-1iigmev {
  text-align: center;
  margin-top: 55vh;
}
form.customCharacterScene.svelte-1iigmev section h2.svelte-1iigmev {
  margin: 1px;
}
form.customCharacterScene.svelte-1iigmev section.text-center.svelte-1iigmev {
  text-align: center;
}
form.customCharacterScene.svelte-1iigmev
  section
  button.customCharacterSceneButton.svelte-1iigmev {
  position: absolute;
  top: 33vh;
  margin: 0;
}
form.customCharacterScene.svelte-1iigmev
  section
  button.customCharacterSceneFormBack.svelte-1iigmev {
  color: #292929;
}
form.customCharacterScene.svelte-1iigmev
  button.customCharacterSceneButtonLeft.svelte-1iigmev {
  left: 33vw;
}
form.customCharacterScene.svelte-1iigmev
  button.customCharacterSceneButtonRight.svelte-1iigmev {
  right: 33vw;
}
@media only screen and (max-width: 991px) {
  form.customCharacterScene.svelte-1iigmev
    button.customCharacterSceneButtonLeft.svelte-1iigmev {
    left: 5vw;
  }
  form.customCharacterScene.svelte-1iigmev
    button.customCharacterSceneButtonRight.svelte-1iigmev {
    right: 5vw;
  }
}
.hashtag.svelte-govzrh.svelte-govzrh {
  font-weight: 700;
  color: #02bafa;
}
.btn.svelte-govzrh.svelte-govzrh {
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
}
.btn-blue.svelte-govzrh.svelte-govzrh {
  background: #02bafa;
}
.container-main.svelte-govzrh.svelte-govzrh {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(217, 217, 217, 0.5);
  z-index: 999995;
  pointer-events: auto;
  border-radius: 20px;
}
.container-main.svelte-govzrh div.submit-twitter-link-modal.svelte-govzrh {
  z-index: 999995;
  background-color: #fff;
  position: absolute;
  width: 400px !important;
  max-width: 100%;
  height: auto !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  gap: 20px;
  padding: 35px 30px 20px;
  border-radius: 24px;
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  .close-icon.svelte-govzrh {
  position: absolute;
  top: 10px;
  right: 10px;
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  .close-icon
  img.svelte-govzrh:hover {
  transform: scale(1.2);
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  section.title.svelte-govzrh {
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  section.action.svelte-govzrh {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  section.action
  .input-link.svelte-govzrh {
  width: 100%;
  position: relative;
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  section.action
  .input-link
  input.svelte-govzrh {
  background: rgba(217, 217, 217, 0.4);
  border: none;
  width: 100%;
  border-radius: 10px;
  padding: 8px 16px;
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  section.action
  .input-link
  .btn-paste.svelte-govzrh {
  background: #02bafa;
  position: absolute;
  top: 4px;
  right: 4px;
  height: calc(100% - 8px);
}
.container-main.svelte-govzrh
  div.submit-twitter-link-modal
  section.action
  .error.svelte-govzrh {
  color: red;
}
@media only screen and (max-width: 575px) {
  .btn.svelte-govzrh.svelte-govzrh {
    font-size: 12px;
  }
  .container-main.svelte-govzrh div.submit-twitter-link-modal.svelte-govzrh {
    width: calc(100% - 50px);
    max-width: 300px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-govzrh
    div.submit-twitter-link-modal
    section.title.svelte-govzrh {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
  .container-main.svelte-govzrh
    div.submit-twitter-link-modal
    section.action.svelte-govzrh {
    margin-top: 23px;
    gap: 20px;
  }
}
@media only screen and (max-height: 575px) {
  .btn.svelte-govzrh.svelte-govzrh {
    font-size: 12px;
  }
  .container-main.svelte-govzrh div.submit-twitter-link-modal.svelte-govzrh {
    width: calc(100% - 50px);
    max-width: 300px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-govzrh
    div.submit-twitter-link-modal
    section.title.svelte-govzrh {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
  .container-main.svelte-govzrh
    div.submit-twitter-link-modal
    section.action.svelte-govzrh {
    margin-top: 23px;
    gap: 20px;
  }
}
.horizontal-sound-meter.svelte-1sqo2py.svelte-1sqo2py {
  display: flex;
  flex-direction: row;
  width: 50%;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1vh;
}
.horizontal-sound-meter.svelte-1sqo2py div.svelte-1sqo2py {
  margin-left: 5px;
  flex-grow: 1;
}
.vertical-sound-meter.svelte-25wsr5.svelte-25wsr5 {
  display: flex;
  flex-direction: column-reverse;
  width: 20px;
  align-items: stretch;
  border: 2px solid #1077e8;
  padding: 2px;
}
.vertical-sound-meter.svelte-25wsr5 div.svelte-25wsr5 {
  margin-top: 5px;
  flex-grow: 1;
  height: auto;
}
.tallEffectContainer.svelte-sqyeze {
  display: flex;
  justify-content: space-between;
  height: 30px;
  padding: 6px;
  --boxSize: 4px;
  --gutter: 2px;
  width: 30px;
  border-radius: 50%;
  background-color: #ec903f;
  border: 1px solid #c63d17;
}
.box.svelte-sqyeze {
  transform: scaleY(0.4);
  height: 100%;
  width: var(--boxSize);
  background: #fff;
  border-radius: 16px;
  transition-duration: 0.01s;
  transition-timing-function: ease-out;
}
.wrapped.svelte-1lb10er.svelte-1lb10er {
  position: absolute;
}
div.container-main.svelte-1lb10er.svelte-1lb10er {
  pointer-events: auto;
  height: 70%;
  width: 70%;
  top: 15%;
  left: 15%;
  position: absolute;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.container-main.svelte-1lb10er .logo.svelte-1lb10er {
  position: absolute;
  top: 0;
  left: 0;
}
div.container-main.svelte-1lb10er .icon-rocket.svelte-1lb10er {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
div.container-main.svelte-1lb10er .icon-white-cloud.svelte-1lb10er {
  position: absolute;
  top: 50px;
  right: 50px;
}
div.container-main.svelte-1lb10er p.close-icon.svelte-1lb10er {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
div.container-main.svelte-1lb10er p.close-icon img.svelte-1lb10er {
  width: 40px;
  height: auto;
}
div.container-main.svelte-1lb10er p.close-icon img.svelte-1lb10er:hover {
  transform: scale(1.1);
}
div.container-main.svelte-1lb10er .video-area.svelte-1lb10er {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 50%;
}
div.container-main.svelte-1lb10er .video-area .webrtcsetup.svelte-1lb10er {
  width: min(80%, 100% - 30px);
  border: 2px solid #1077e8;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.container-main.svelte-1lb10er
  .video-area
  .webrtcsetup
  img.background-img.svelte-1lb10er {
  width: 40%;
}
div.container-main.svelte-1lb10er .video-area .myCamVideoSetup.svelte-1lb10er {
  width: min(80%, 100% - 30px);
  border: 2px solid #1077e8;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.container-main.svelte-1lb10er .selectWebcamForm.svelte-1lb10er {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
div.container-main.svelte-1lb10er
  .selectWebcamForm
  .control-group.svelte-1lb10er {
  display: flex;
  justify-content: flex start;
  align-content: center;
  gap: 10px;
}
div.container-main.svelte-1lb10er
  .selectWebcamForm
  .control-group
  img.svelte-1lb10er {
  height: 30px;
}
div.container-main.svelte-1lb10er
  .selectWebcamForm
  .control-group
  .select-container.svelte-1lb10er {
  height: 30px;
  min-width: 200px;
  width: 70%;
}
div.container-main.svelte-1lb10er
  .selectWebcamForm
  .control-group
  .select-container
  .dropdown.svelte-1lb10er {
  border: 2px solid whitesmoke;
  background: #1077e8;
  color: #f5f5f5;
  height: 100%;
  outline: none;
  width: 100%;
}
div.container-main.svelte-1lb10er
  .selectWebcamForm
  .control-group
  .select-container
  .dropdown
  option.svelte-1lb10er {
  background: #1077e8;
  color: #f5f5f5;
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-1lb10er.svelte-1lb10er {
    height: 96%;
    width: 96%;
    top: 2%;
    left: 2%;
  }
  div.container-main.svelte-1lb10er .video-area.svelte-1lb10er {
    width: 70%;
  }
}
@media only screen and (max-height: 767px) {
  div.container-main.svelte-1lb10er.svelte-1lb10er {
    height: 86%;
    top: 7%;
  }
  div.container-main.svelte-1lb10er .logo.svelte-1lb10er {
    width: 200px;
  }
}
.interact-menu-container.svelte-14m0zu3.svelte-14m0zu3:before {
  border: 4px solid #10509f;
  border-radius: 20px;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/cowebsite-background.2dea636d.png);
  background-size: cover;
  opacity: 0.8;
  z-index: 2022;
}
.sub-menu.svelte-14m0zu3 .menu-bg.svelte-14m0zu3 {
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-repeat: no-repeat;
}
.open-gift-wrapper.svelte-e68mtq.svelte-e68mtq {
  z-index: 9999;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
div.open-gift-container-main.svelte-e68mtq.svelte-e68mtq {
  pointer-events: auto;
  width: min(600px, 100%);
  height: 0;
  padding-bottom: calc(min(600px, 100%) - 8px);
  background-image: url(/assets/setting-background.efddc8db.png);
  background-position: center;
  z-index: 1112;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  position: relative;
}
div.open-gift-container-main.svelte-e68mtq
  div.wrapper-close-icon.svelte-e68mtq {
  position: absolute;
  z-index: 9999;
  right: 0;
}
div.open-gift-container-main.svelte-e68mtq
  div.wrapper-close-icon
  p.close-icon.svelte-e68mtq {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
div.open-gift-container-main.svelte-e68mtq
  div.wrapper-close-icon
  p.close-icon
  img.svelte-e68mtq {
  width: 40px;
  height: auto;
}
div.open-gift-container-main.svelte-e68mtq
  div.wrapper-close-icon
  p.close-icon
  img.svelte-e68mtq:hover {
  transform: scale(1.1);
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container.svelte-e68mtq {
  position: absolute;
  width: 100%;
  height: 100%;
  display: grid;
  padding: 40px;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: 33% 33% 33%;
  justify-content: center;
  align-items: center;
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container
  canvas.svelte-e68mtq {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9998;
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container
  div.gift.svelte-e68mtq {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  position: relative;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  width: 80%;
  height: 80%;
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container
  div.gift
  img.bg-item.svelte-e68mtq {
  width: calc(100% - 10px);
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container.svelte-e68mtq::-webkit-scrollbar {
  width: 10px;
  margin-block: 5em;
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container.svelte-e68mtq::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px;
  transition: 0.25s all ease;
}
div.open-gift-container-main.svelte-e68mtq
  div.list-gift-container.svelte-e68mtq::-webkit-scrollbar-track {
  background-color: #badbff;
  margin-block: 5px;
}
@media only screen and (max-width: 575px) {
  div.open-gift-container-main.svelte-e68mtq.svelte-e68mtq {
    pointer-events: auto;
    width: min(600px, 100% - 20px);
    height: 0;
    padding-bottom: calc(min(600px, 100% - 20px) - 8px);
    background-image: url(/assets/setting-background.efddc8db.png);
    background-position: center;
    z-index: 1112;
    border: 4px solid #10509f;
    border-radius: 20px;
    background-size: cover;
    position: relative;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.wrapper-close-icon.svelte-e68mtq {
    position: absolute;
    z-index: 9999;
    right: -4px;
    top: -4px;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.wrapper-close-icon
    p.close-icon.svelte-e68mtq {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    line-height: 25px;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.wrapper-close-icon
    p.close-icon
    img.svelte-e68mtq {
    width: 28px;
    height: auto;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.wrapper-close-icon
    p.close-icon
    img.svelte-e68mtq:hover {
    transform: scale(1.1);
  }
  div.open-gift-container-main.svelte-e68mtq
    div.list-gift-container.svelte-e68mtq {
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    padding: 20px;
    margin-left: 1%;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 33% 33% 33%;
    justify-content: center;
    align-items: center;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.list-gift-container
    div.gift.svelte-e68mtq {
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    position: relative;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    height: 80%;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.list-gift-container
    div.gift
    img.bg-item.svelte-e68mtq {
    width: calc(100% - 10px);
  }
  div.open-gift-container-main.svelte-e68mtq
    div.list-gift-container.svelte-e68mtq::-webkit-scrollbar {
    width: 10px;
    margin-block: 5em;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.list-gift-container.svelte-e68mtq::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    transition: 0.25s all ease;
  }
  div.open-gift-container-main.svelte-e68mtq
    div.list-gift-container.svelte-e68mtq::-webkit-scrollbar-track {
    background-color: #badbff;
    margin-block: 5px;
  }
}
div.container-main.svelte-fqk93.svelte-fqk93 {
  pointer-events: auto;
  height: 60%;
  width: 50%;
  top: 20%;
  left: 25%;
  position: absolute;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.container-main.svelte-fqk93 .logo.svelte-fqk93 {
  position: absolute;
  top: 0;
  z-index: 0;
}
div.container-main.svelte-fqk93 .icon-rocket.svelte-fqk93 {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 0;
}
div.container-main.svelte-fqk93 .icon-white-cloud.svelte-fqk93 {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 0;
}
div.container-main.svelte-fqk93 .inputName.svelte-fqk93 {
  background-color: #10509f;
  color: #f5f5f5;
  border: 1px solid whitesmoke;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  width: 40%;
  max-width: 400px;
  margin-bottom: 10px;
}
div.container-main.svelte-fqk93 h3.svelte-fqk93,
div.container-main.svelte-fqk93 .button.svelte-fqk93,
div.container-main.svelte-fqk93 input.svelte-fqk93 {
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-fqk93.svelte-fqk93 {
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
  }
  div.container-main.svelte-fqk93 .logo.svelte-fqk93 {
    width: 200px;
  }
}
@media only screen and (max-width: 575px) {
  div.container-main.svelte-fqk93.svelte-fqk93 {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
  }
  div.container-main.svelte-fqk93 .logo.svelte-fqk93 {
    width: 150px;
    z-index: 2023;
  }
}
@media only screen and (max-height: 767px) {
  div.container-main.svelte-fqk93.svelte-fqk93 {
    height: 86%;
    top: 7%;
  }
  div.container-main.svelte-fqk93 .logo.svelte-fqk93 {
    width: 200px;
  }
}
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry.svelte-1xij6ry {
  position: absolute;
  top: 1%;
  max-height: clamp(150px, 10vh, 15vh);
  width: clamp(200px, 15vw, 15vw);
  padding: 3px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  z-index: 550;
  background-color: #00000080;
  display: grid;
  grid-template-rows: 50% 50%;
  color: #f5f5f5;
  text-align: center;
  pointer-events: auto;
}
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  div.audio-manager-player-volume.svelte-1xij6ry {
  display: grid;
  grid-template-columns: 50px 1fr;
}
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  div.audio-manager-player-volume
  span
  svg.svelte-1xij6ry {
  height: 100%;
  width: calc(100% - 10px);
  margin-right: 10px;
}
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  section.audio-manager-file.svelte-1xij6ry {
  display: none;
}
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  #audioplayer_volume_icon_playing.muted
  #audioplayer_volume_icon_playing_low.svelte-1xij6ry,
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  #audioplayer_volume_icon_playing.muted
  #audioplayer_volume_icon_playing_mid.svelte-1xij6ry,
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  #audioplayer_volume_icon_playing.muted
  #audioplayer_volume_icon_playing_high.svelte-1xij6ry,
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  #audioplayer_volume_icon_playing.low
  #audioplayer_volume_icon_playing_high.svelte-1xij6ry,
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  #audioplayer_volume_icon_playing.low
  #audioplayer_volume_icon_playing_mid.svelte-1xij6ry,
div.main-audio-manager.nes-container.is-rounded.svelte-1xij6ry
  #audioplayer_volume_icon_playing.mid
  #audioplayer_volume_icon_playing_high.svelte-1xij6ry {
  visibility: hidden;
  display: none;
}
.area-selector-global-wrapper.svelte-1b0u9tx.svelte-1b0u9tx {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area-selector-wrapper.svelte-1b0u9tx.svelte-1b0u9tx {
  height: 440px;
  width: min(100%, 600px);
  max-width: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-1b0u9tx.svelte-1b0u9tx {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 2px;
  top: 2px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1b0u9tx img.svelte-1b0u9tx {
  width: 35px;
  height: auto;
}
p.close-icon.svelte-1b0u9tx img.svelte-1b0u9tx:hover {
  transform: scale(1.1);
}
div.area-selector-container-main.svelte-1b0u9tx.svelte-1b0u9tx {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  padding: 25px;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside.svelte-1b0u9tx {
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 12px;
  max-height: 100%;
  overflow-y: auto;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area.svelte-1b0u9tx {
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 8px));
  grid-template-rows: repeat(4, auto);
  gap: 10px;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area.svelte-1b0u9tx {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  gap: 2px;
  padding: 5px 0;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area
  img.svelte-1b0u9tx {
  height: 50px;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area
  .status.svelte-1b0u9tx {
  position: absolute;
  top: 25%;
  left: 0;
  transform: translateY(50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area
  .green.svelte-1b0u9tx {
  background-color: #228b22;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area
  .yellow.svelte-1b0u9tx {
  background-color: #ff0;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area
  .red.svelte-1b0u9tx {
  background-color: red;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area
  .name.svelte-1b0u9tx {
  font-size: 20px;
  font-weight: 700;
}
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .area.svelte-1b0u9tx:hover,
div.area-selector-container-main.svelte-1b0u9tx
  div.area-selector-container-inside
  .list-area
  .selected.svelte-1b0u9tx {
  background-color: #7cabfe;
}
@media only screen and (max-width: 991px) {
  .area-selector-wrapper.svelte-1b0u9tx.svelte-1b0u9tx {
    height: 356px;
    width: min(100%, 500px);
    max-width: 100%;
  }
  p.close-icon.svelte-1b0u9tx img.svelte-1b0u9tx {
    width: 30px;
  }
  div.area-selector-container-main.svelte-1b0u9tx.svelte-1b0u9tx {
    border-radius: 20px;
    padding: 20px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area.svelte-1b0u9tx {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 4px));
    grid-template-rows: repeat(4, auto);
    gap: 5px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area.svelte-1b0u9tx {
    gap: 2px;
    padding: 5px 0;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    img.svelte-1b0u9tx {
    height: 40px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    .status.svelte-1b0u9tx {
    width: 8px;
    height: 8px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    .name.svelte-1b0u9tx {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .area-selector-wrapper.svelte-1b0u9tx.svelte-1b0u9tx {
    height: 256px;
    width: min(100%, 500px);
    max-width: 100%;
  }
  p.close-icon.svelte-1b0u9tx img.svelte-1b0u9tx {
    width: 25px;
  }
  div.area-selector-container-main.svelte-1b0u9tx.svelte-1b0u9tx {
    border-radius: 20px;
    padding: 10px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area.svelte-1b0u9tx {
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 4px));
    grid-template-rows: repeat(4, auto);
    gap: 5px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area.svelte-1b0u9tx {
    gap: 2px;
    padding: 5px 0;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    img.svelte-1b0u9tx {
    height: 26px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    .status.svelte-1b0u9tx {
    width: 6px;
    height: 6px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    .name.svelte-1b0u9tx {
    font-size: 12px;
  }
}
@media only screen and (max-height: 575px) {
  .area-selector-wrapper.svelte-1b0u9tx.svelte-1b0u9tx {
    height: 256px;
    width: min(100%, 500px);
    max-width: 100%;
  }
  p.close-icon.svelte-1b0u9tx img.svelte-1b0u9tx {
    width: 25px;
  }
  div.area-selector-container-main.svelte-1b0u9tx.svelte-1b0u9tx {
    border-radius: 20px;
    padding: 10px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area.svelte-1b0u9tx {
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 4px));
    grid-template-rows: repeat(4, auto);
    gap: 5px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area.svelte-1b0u9tx {
    gap: 2px;
    padding: 5px 0;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    img.svelte-1b0u9tx {
    height: 26px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    .status.svelte-1b0u9tx {
    width: 6px;
    height: 6px;
  }
  div.area-selector-container-main.svelte-1b0u9tx
    div.area-selector-container-inside
    .list-area
    .area
    .name.svelte-1b0u9tx {
    font-size: 12px;
  }
}
.hiding.svelte-1h2h64b.svelte-1h2h64b {
  transform: translateY(100px);
  transition: 1s;
}
.btn-cam-action.svelte-1h2h64b.svelte-1h2h64b {
  transition: 1s;
  pointer-events: all;
  position: absolute;
  display: inline-flex;
  bottom: 5%;
  right: 20px;
  width: 100%;
  height: 40px;
  text-align: center;
  justify-content: flex-end;
  z-index: 251;
}
.btn-cam-action.svelte-1h2h64b div.svelte-1h2h64b {
  cursor: url(data:image/png;base64,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),
    pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: solid 0px black;
  margin: 0 4%;
}
.btn-cam-action.svelte-1h2h64b:hover div.svelte-1h2h64b {
  transform: translateY(0);
}
.btn-micro.svelte-1h2h64b.svelte-1h2h64b,
.btn-headphone.svelte-1h2h64b.svelte-1h2h64b {
  pointer-events: auto;
}
.btn-video.svelte-1h2h64b.svelte-1h2h64b {
  pointer-events: auto;
  transition: all 0.25s;
}
.btn-cam-action.svelte-1h2h64b div img.svelte-1h2h64b {
  width: 32px;
  position: relative;
  cursor: url(data:image/png;base64,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),
    pointer;
}
@media (hover: none) {
  .btn-cam-action.svelte-1h2h64b div.svelte-1h2h64b {
    transform: translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  .btn-cam-action.svelte-1h2h64b.svelte-1h2h64b {
    right: 0;
    width: 100%;
    height: 40%;
    max-height: 40px;
  }
  .btn-cam-action.svelte-1h2h64b div.svelte-1h2h64b {
    width: 20%;
    max-height: 44px;
  }
}
img.svelte-1lbrfgf {
  display: inline-block;
  pointer-events: auto;
  width: var(--theme-width);
  height: var(--theme-height);
  margin: 0;
  padding: 0;
  position: static;
  inset: 0;
}
.container.svelte-1nbhw2u {
  display: flex;
  flex-direction: column;
}
video.no-video.svelte-1nbhw2u {
  visibility: collapse;
}
.video-container.svelte-c1omj5 video.svelte-c1omj5 {
  width: 100%;
}
.video-container.svelte-c1omj5 i span.svelte-c1omj5 {
  padding: 2px 32px;
}
.media-container.svelte-h3nmn7.svelte-h3nmn7 {
  display: flex;
  margin: 4% auto;
  transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s,
    margin-top 0.2s, max-height 0.2s, max-width 0.2s;
  pointer-events: auto;
  padding: 0;
  max-height: 200px;
  max-width: 85%;
}
.media-container.svelte-h3nmn7.svelte-h3nmn7:hover {
  margin-top: 2%;
  margin-bottom: 2%;
}
.media-container.hightlighted.svelte-h3nmn7.svelte-h3nmn7 {
  margin-top: 0% !important;
  margin-bottom: 0% !important;
  margin-left: 0% !important;
  max-height: 100% !important;
  max-width: 96% !important;
}
.media-container.hightlighted.svelte-h3nmn7.svelte-h3nmn7:hover {
  margin-top: 0% !important;
  margin-bottom: 0% !important;
}
.media-container.mozaic-solo.svelte-h3nmn7.svelte-h3nmn7 {
  max-height: inherit !important;
  width: 90% !important;
}
.media-container.mozaic-full-width.svelte-h3nmn7.svelte-h3nmn7 {
  width: 95%;
  max-width: 95%;
  margin: auto 3%;
  max-height: 95%;
}
.media-container.mozaic-full-width.svelte-h3nmn7.svelte-h3nmn7:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.media-container.mozaic-quarter.svelte-h3nmn7.svelte-h3nmn7 {
  width: 95%;
  max-width: 95%;
  margin-top: auto;
  margin-bottom: auto;
  max-height: 95%;
}
.media-container.mozaic-quarter.svelte-h3nmn7.svelte-h3nmn7:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.media-container.nes-container.is-rounded.svelte-h3nmn7.svelte-h3nmn7 {
  border-image-outset: 1;
}
.media-container.clickable.svelte-h3nmn7.svelte-h3nmn7 {
  cursor: url(data:image/png;base64,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),
    pointer;
}
.media-container.svelte-h3nmn7 > div.svelte-h3nmn7 {
  background-color: #0009;
  display: flex;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .media-container.svelte-h3nmn7.svelte-h3nmn7 {
    margin-top: 10%;
    margin-bottom: 10%;
  }
}
.cameras-container.svelte-1cpmn1x {
  flex: 0 0 25%;
  overflow-y: auto;
  overflow-x: hidden;
}
.cameras-container.svelte-1cpmn1x:first-child {
  margin-top: 2%;
}
.cameras-container.full.svelte-1cpmn1x {
  flex: 0 0 100%;
}
#presentation-layout.svelte-mo5pv.svelte-mo5pv {
  height: 100%;
  width: 100%;
  display: flex;
}
#presentation-layout.full-medias.svelte-mo5pv.svelte-mo5pv {
  overflow-y: auto;
  overflow-x: hidden;
}
#embed-left-block.svelte-mo5pv.svelte-mo5pv {
  display: flex;
  flex-direction: column;
  flex: 0 0 75%;
  height: 100%;
  width: 75%;
}
#embed-left-block.full.svelte-mo5pv.svelte-mo5pv {
  flex: 0 0 98% !important;
  width: 98% !important;
}
#main-embed-screen.svelte-mo5pv.svelte-mo5pv {
  height: 100%;
  margin-bottom: 3%;
}
#main-embed-screen.svelte-mo5pv .highlighted-cowebsite.svelte-mo5pv {
  height: 100% !important;
  width: 96%;
  background-color: #0009;
  margin: 0 !important;
}
#main-embed-screen.svelte-mo5pv .highlighted-cowebsite .actions.svelte-mo5pv {
  z-index: 200;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: end;
  gap: 2%;
}
#main-embed-screen.svelte-mo5pv
  .highlighted-cowebsite
  .actions
  button.svelte-mo5pv {
  pointer-events: all;
}
#mozaic-layout.svelte-10ccc0a.svelte-10ccc0a {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#mozaic-layout.svelte-10ccc0a .media-container.svelte-10ccc0a {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  overflow-x: hidden;
}
#mozaic-layout.svelte-10ccc0a .media-container.full-width.svelte-10ccc0a {
  grid-template-columns: 100%;
  grid-template-rows: 50% 50%;
}
#mozaic-layout.svelte-10ccc0a .media-container.quarter.svelte-10ccc0a {
  grid-template-columns: 50% 50%;
  grid-template-rows: 50% 50%;
}
#embedScreensContainer.svelte-1bmbtuw {
  display: flex;
  padding-top: 2%;
  height: 100%;
}
h2.svelte-1wjktj.svelte-1wjktj {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
}
.helpCameraSettings.svelte-1wjktj.svelte-1wjktj {
  pointer-events: auto;
  background-color: #1077e8;
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
}
.helpCameraSettings.svelte-1wjktj p.svelte-1wjktj {
  padding: 5px;
}
.helpCameraSettings.svelte-1wjktj section.interact-menu-action.svelte-1wjktj {
  display: grid;
  grid-gap: 10%;
  grid-template-columns: 45% 45%;
  margin-left: 5%;
  margin-right: 5%;
}
@media only screen and (max-width: 991px) {
  .helpCameraSettings.svelte-1wjktj.svelte-1wjktj {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
}
div.layout-manager-list.svelte-1xnopaj.svelte-1xnopaj {
  pointer-events: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  width: clamp(200px, 20vw, 20vw);
  z-index: 155;
  display: flex;
  flex-direction: column;
  animation: svelte-1xnopaj-moveMessage 0.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
div.layout-manager-list.svelte-1xnopaj div.svelte-1xnopaj {
  margin-bottom: 5%;
}
div.nes-container.is-rounded.svelte-1xnopaj.svelte-1xnopaj {
  padding: 8px 4px;
  text-align: center;
  font-family: Manrope;
  color: #f5f5f5;
  background-color: #00000080;
}
div.nes-container.is-rounded.warning.svelte-1xnopaj.svelte-1xnopaj {
  background-color: #ff9800eb;
  color: #000;
}
@keyframes svelte-1xnopaj-moveMessage {
  0% {
    bottom: 40px;
  }
  50% {
    bottom: 30px;
  }
  to {
    bottom: 40px;
  }
}
div.settings-main.svelte-18zl139.svelte-18zl139 {
  margin-top: 50px;
  height: calc(100% - 50px);
  overflow-y: auto;
  padding: 0 40px;
  position: relative;
}
div.settings-main.svelte-18zl139 .version.svelte-18zl139 {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
div.settings-main.svelte-18zl139 section.svelte-18zl139 {
  width: 100%;
  padding: 0 0 20px;
  display: flex;
  flex-direction: column;
}
div.settings-main.svelte-18zl139 section .select-container.svelte-18zl139 {
  height: 40px;
  width: 100%;
}
div.settings-main.svelte-18zl139
  section
  .select-container
  .dropdown.svelte-18zl139 {
  border: 2px solid whitesmoke;
  background: #1077e8;
  color: #f5f5f5;
  height: 100%;
  outline: none;
  width: 100%;
}
div.settings-main.svelte-18zl139
  section
  .select-container
  .dropdown
  option.svelte-18zl139 {
  background: #1077e8;
  color: #f5f5f5;
}
div.settings-main.svelte-18zl139 section .input-range-container.svelte-18zl139 {
  padding-left: 3%;
  padding-right: 3%;
}
div.settings-main.svelte-18zl139
  section
  div.nes-select
  select.svelte-18zl139:focus {
  outline: none;
}
div.settings-main.svelte-18zl139 section.settings-section-save.svelte-18zl139 {
  text-align: center;
}
div.settings-main.svelte-18zl139
  section.settings-section-noSaveOption.svelte-18zl139 {
  display: flex;
  flex-wrap: wrap;
}
div.settings-main.svelte-18zl139
  section.settings-section-noSaveOption
  .edit-camera.svelte-18zl139 {
  display: flex;
  gap: 20px;
  align-items: center;
}
div.settings-main.svelte-18zl139
  section.settings-section-noSaveOption
  .edit-camera
  .short-button.svelte-18zl139 {
  transform: scale(0.8);
}
div.settings-main.svelte-18zl139
  section.settings-section-noSaveOption
  .switchable-option.svelte-18zl139 {
  display: flex;
  gap: 20px;
}
div.settings-main.svelte-18zl139
  section.settings-section-noSaveOption
  .switchable-option
  .switch-area.svelte-18zl139 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
div.settings-main.svelte-18zl139 .languages-switcher option.svelte-18zl139 {
  text-transform: capitalize;
}
div.settings-main.svelte-18zl139 section.setting-section-audio.svelte-18zl139 {
  display: flex;
  gap: 10px;
}
div.settings-main.svelte-18zl139
  section.setting-section-audio
  .switchable-option.svelte-18zl139 {
  display: flex;
  gap: 20px;
}
div.settings-main.svelte-18zl139
  section.setting-section-audio
  .switchable-option
  .switch-area.svelte-18zl139 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.button-switch.svelte-18zl139.svelte-18zl139 {
  height: 1.5625em;
  margin-bottom: 0.625em;
  position: relative;
  width: 4.25em;
}
.button-switch.svelte-18zl139 .switch.svelte-18zl139 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  left: 0;
  line-height: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0;
}
.button-switch.svelte-18zl139 .switch.svelte-18zl139:before,
.button-switch.svelte-18zl139 .switch.svelte-18zl139:after {
  content: "";
  position: absolute;
}
.button-switch.svelte-18zl139 .switch.svelte-18zl139:before {
  border-radius: 1.25em;
  border: 2px solid whitesmoke;
  background: rgba(0, 0, 0, 0);
  height: 1.5625em;
  left: -0.25em;
  top: -0.1875em;
  transition: background-color 0.25s ease-out 0.1s;
  width: 4.25em;
}
.button-switch.svelte-18zl139 .switch.svelte-18zl139:after {
  box-shadow: 0 0.0625em 0.375em #666;
  border-radius: 50%;
  background: whitesmoke;
  height: 1.5em;
  transform: translate(0);
  transition: transform 0.25s ease-out 0.1s;
  width: 1.5em;
}
.button-switch.svelte-18zl139 .switch.svelte-18zl139:checked:after {
  transform: translate(2.5em);
}
.button-switch.svelte-18zl139 .switch.svelte-18zl139:checked:before {
  background: #1077e8;
}
div.game-sound-volume.svelte-18zl139.svelte-18zl139 {
  display: grid;
  grid-template-columns: 50px 1fr;
}
div.game-sound-volume.svelte-18zl139 span .volume-icon.svelte-18zl139 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  margin-top: 20px;
  padding-top: 4px;
}
.input-range-container.svelte-18zl139.svelte-18zl139 {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}
.input-range-container.svelte-18zl139 .display-volume-container.svelte-18zl139 {
  margin-left: 15px;
  margin-right: 15px;
}
.input-range-container.svelte-18zl139
  .display-volume-container
  .display-volume.svelte-18zl139 {
  font-family: manrope;
  font-weight: 700;
  font-size: 20px;
  position: relative;
}
input[type="range"].svelte-18zl139.svelte-18zl139 {
  outline: 0;
  border: 2px solid white;
  border-radius: 500px;
  width: 100%;
  max-width: 100%;
  transition: box-shadow 0.2s ease-in-out;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="range"].svelte-18zl139.svelte-18zl139 {
    overflow: hidden;
    height: 30px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139::-webkit-slider-runnable-track {
    height: 30px;
    -webkit-appearance: none;
    appearance: none;
    color: #444;
    transition: box-shadow 0.2s ease-in-out;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    box-shadow: -340px 0 0 320px #1077e8, inset 0 0 0 2px #1077e8;
    border-radius: 50%;
    background: white;
    transition: box-shadow 0.2s ease-in-out;
    position: relative;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139:active::-webkit-slider-thumb {
    border: none;
    box-shadow: -1380px 0 0 1360px #1077e8, inset 0 0 0 3px #1077e8;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139:not(
      :active
    )::-webkit-slider-thumb {
    border: none;
    box-shadow: -1380px 0 0 1360px #1077e8, inset 0 0 0 3px #1077e8;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139::-moz-range-runnable-track {
    height: 30px;
    -webkit-appearance: none;
    appearance: none;
    color: #444;
    transition: box-shadow 0.2s ease-in-out;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    box-shadow: -340px 0 0 320px #1077e8, inset 0 0 0 2px #1077e8;
    border-radius: 50%;
    background: white;
    transition: box-shadow 0.2s ease-in-out;
    position: relative;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139:active::-moz-range-thumb {
    border: none;
    box-shadow: -1380px 0 0 1360px #1077e8, inset 0 0 0 3px #1077e8;
  }
  input[type="range"].svelte-18zl139.svelte-18zl139:not(
      :active
    )::-moz-range-thumb {
    border: none;
    box-shadow: -1380px 0 0 1360px #1077e8, inset 0 0 0 3px #1077e8;
  }
}
@media only screen and (max-width: 991px) {
  div.settings-main.svelte-18zl139.svelte-18zl139 {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  div.settings-main.svelte-18zl139.svelte-18zl139 {
    padding: 0 10px;
    overflow-x: auto;
  }
  div.settings-main.svelte-18zl139
    div.submenu
    .edit-character
    input.svelte-18zl139,
  div.settings-main.svelte-18zl139 div.submenu .edit-pet input.svelte-18zl139,
  div.settings-main.svelte-18zl139
    div.submenu
    .edit-name-field
    input.svelte-18zl139 {
    width: 150px;
    height: 30px;
  }
}
div.customize-main.svelte-1veklvv.svelte-1veklvv {
  width: 100%;
  display: flex;
  margin-top: 50px;
  padding: 0 40px;
}
div.customize-main.svelte-1veklvv h3.svelte-1veklvv {
  min-width: 230px;
}
div.customize-main.svelte-1veklvv div.submenu.svelte-1veklvv {
  height: 100%;
}
div.customize-main.svelte-1veklvv div.submenu .edit-name-field.svelte-1veklvv {
  display: flex;
  gap: 20px;
  align-items: center;
}
div.customize-main.svelte-1veklvv
  div.submenu
  .edit-character
  .short-button.svelte-1veklvv,
div.customize-main.svelte-1veklvv
  div.submenu
  .edit-pet
  .short-button.svelte-1veklvv,
div.customize-main.svelte-1veklvv
  div.submenu
  .edit-name-field
  .short-button.svelte-1veklvv {
  transform: scale(0.8);
}
div.customize-main.svelte-1veklvv
  div.submenu
  .edit-character
  input.svelte-1veklvv,
div.customize-main.svelte-1veklvv div.submenu .edit-pet input.svelte-1veklvv,
div.customize-main.svelte-1veklvv
  div.submenu
  .edit-name-field
  input.svelte-1veklvv {
  width: 230px;
  height: 40px;
  border: 2px solid whitesmoke;
  background: #1077e8;
  color: #f5f5f5;
  outline: none;
  font-size: 14px;
  padding-left: 10px;
}
div.customize-main.svelte-1veklvv div.submenu section div.svelte-1veklvv {
  margin-bottom: 10px;
}
div.customize-main.svelte-1veklvv div.content section.svelte-1veklvv {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  div.customize-main.svelte-1veklvv.svelte-1veklvv {
    padding: 0 20px;
  }
  div.customize-main.svelte-1veklvv h3.svelte-1veklvv {
    min-width: 200px;
  }
  div.customize-main.svelte-1veklvv
    div.submenu
    .edit-character
    input.svelte-1veklvv,
  div.customize-main.svelte-1veklvv div.submenu .edit-pet input.svelte-1veklvv,
  div.customize-main.svelte-1veklvv
    div.submenu
    .edit-name-field
    input.svelte-1veklvv {
    width: 200px;
  }
}
@media only screen and (max-width: 575px) {
  div.customize-main.svelte-1veklvv.svelte-1veklvv {
    padding: 0 10px;
    overflow-x: auto;
  }
  div.customize-main.svelte-1veklvv h3.svelte-1veklvv {
    min-width: 150px;
  }
  div.customize-main.svelte-1veklvv
    div.submenu
    .edit-character
    input.svelte-1veklvv,
  div.customize-main.svelte-1veklvv div.submenu .edit-pet input.svelte-1veklvv,
  div.customize-main.svelte-1veklvv
    div.submenu
    .edit-name-field
    input.svelte-1veklvv {
    width: 150px;
    height: 30px;
  }
}
.string-HTML.svelte-1d2e1z2.svelte-1d2e1z2 {
  white-space: pre-line;
}
div.about-room-main.svelte-1d2e1z2.svelte-1d2e1z2 {
  height: calc(100% - 56px);
}
div.about-room-main.svelte-1d2e1z2 h2.svelte-1d2e1z2,
div.about-room-main.svelte-1d2e1z2 h3.svelte-1d2e1z2 {
  width: 100%;
  text-align: center;
}
div.about-room-main.svelte-1d2e1z2 h3.hoverable.svelte-1d2e1z2:hover {
  background-color: #3c3e40;
  border-radius: 32px;
}
div.about-room-main.svelte-1d2e1z2 section.container-overflow.svelte-1d2e1z2 {
  height: calc(100% - 220px);
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
@media only screen and (max-width: 991px) {
  div.about-room-main.svelte-1d2e1z2 section.container-overflow.svelte-1d2e1z2 {
    height: calc(100% - 120px);
  }
}
section.section-input-send-audio.svelte-uqw83k.svelte-uqw83k {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
}
section.section-input-send-audio.svelte-uqw83k img.svelte-uqw83k {
  flex: 1 1 auto;
  max-height: 80%;
  margin-bottom: 20px;
}
section.section-input-send-audio.svelte-uqw83k p.svelte-uqw83k {
  margin-bottom: 5px;
  color: #f5f5f5;
  font-size: 1rem;
}
section.section-input-send-audio.svelte-uqw83k p.err.svelte-uqw83k {
  color: #ce372b;
}
section.section-input-send-audio.svelte-uqw83k input.svelte-uqw83k {
  display: none;
}
div.global-message-main.svelte-bmgpqi.svelte-bmgpqi {
  height: calc(100% - 50px);
  display: grid;
  grid-template-rows: 15% 65% 20%;
}
div.global-message-main.svelte-bmgpqi
  div.global-message-subOptions.svelte-bmgpqi {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-bottom: 20px;
}
div.global-message-main.svelte-bmgpqi
  div.global-message-subOptions
  section.svelte-bmgpqi {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.global-message-main.svelte-bmgpqi div.global-message-footer.svelte-bmgpqi {
  margin-bottom: 10px;
  display: grid;
  grid-template-rows: 50% 50%;
}
div.global-message-main.svelte-bmgpqi
  div.global-message-footer
  section.svelte-bmgpqi {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.global-message-main.svelte-bmgpqi
  div.global-message-footer
  label.svelte-bmgpqi {
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .global-message-content.svelte-bmgpqi.svelte-bmgpqi {
    height: calc(100% - 5px);
  }
  .global-message-footer.svelte-bmgpqi.svelte-bmgpqi {
    margin-bottom: 0;
  }
  .global-message-footer.svelte-bmgpqi label.svelte-bmgpqi {
    width: calc(100% - 10px);
  }
}
div.create-map-main.svelte-18vo1k8.svelte-18vo1k8 {
  height: calc(100% - 56px);
  text-align: center;
}
div.create-map-main.svelte-18vo1k8 section.svelte-18vo1k8 {
  margin-bottom: 50px;
}
div.create-map-main.svelte-18vo1k8 section.container-overflow.svelte-18vo1k8 {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}
iframe.svelte-18vo1k8.svelte-18vo1k8,
iframe.svelte-b8bsaw {
  border: none;
  height: calc(100% - 56px);
  width: 100%;
  margin: 0;
}
div.guest-main.svelte-jgn2pr.svelte-jgn2pr {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  height: calc(100% - 56px);
}
div.guest-main.svelte-jgn2pr input.link-url.svelte-jgn2pr {
  width: calc(100% - 200px);
}
div.guest-main.svelte-jgn2pr .starting-points.svelte-jgn2pr {
  width: 80%;
}
div.guest-main.svelte-jgn2pr section.svelte-jgn2pr {
  margin-bottom: 50px;
}
div.guest-main.svelte-jgn2pr section.nes-select select.svelte-jgn2pr:focus {
  outline: none;
}
div.guest-main.svelte-jgn2pr section.container-overflow.svelte-jgn2pr {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}
div.guest-main.svelte-jgn2pr section.is-mobile.svelte-jgn2pr {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  div.guest-main.svelte-jgn2pr section.container-overflow.svelte-jgn2pr {
    height: calc(100% - 120px);
  }
}
@media only screen and (max-width: 1199px) {
  div.guest-main.svelte-jgn2pr.svelte-jgn2pr {
    width: 100%;
  }
}
div.customize-main.svelte-i1e12h.svelte-i1e12h {
  width: 100%;
  display: flex;
  margin-top: 50px;
  padding: 0 40px;
}
div.customize-main.svelte-i1e12h .short-button.svelte-i1e12h {
  width: 64px;
  height: 32px;
  background-size: contain;
  font-size: 14px;
}
div.customize-main.svelte-i1e12h h3.svelte-i1e12h {
  min-width: 230px;
}
div.customize-main.svelte-i1e12h .btn-revoke-session.svelte-i1e12h {
  border-radius: 10px;
  transition: background-color 0.25s;
  padding: 8px 20px;
  width: fit-content;
  background: #df2828;
  color: #fff;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    color 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
div.customize-main.svelte-i1e12h .btn-revoke-session.svelte-i1e12h:hover {
  background: #a82020;
}
div.customize-main.svelte-i1e12h div.submenu.svelte-i1e12h {
  height: 100%;
}
div.customize-main.svelte-i1e12h div.submenu section div.svelte-i1e12h {
  margin-bottom: 10px;
}
div.customize-main.svelte-i1e12h
  div.submenu
  section
  .content-container.svelte-i1e12h {
  display: flex;
  align-items: center;
  gap: 5px;
}
div.customize-main.svelte-i1e12h
  div.submenu
  section
  .content-container
  .twitter-img
  img.svelte-i1e12h {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
div.customize-main.svelte-i1e12h
  div.submenu
  section
  .content-container
  .content.svelte-i1e12h {
  width: 206px;
  height: 40px;
  border-radius: 20px;
  border: 2px solid whitesmoke;
  background: #1077e8;
  color: #f5f5f5;
  outline: none;
  font-size: 14px;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
div.customize-main.svelte-i1e12h
  div.submenu
  section
  .content-container
  .content
  .content-text.svelte-i1e12h {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 34px;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  div.customize-main.svelte-i1e12h.svelte-i1e12h {
    padding: 0 20px;
  }
  div.customize-main.svelte-i1e12h h3.svelte-i1e12h {
    min-width: 200px;
  }
}
@media only screen and (max-width: 575px) {
  div.customize-main.svelte-i1e12h.svelte-i1e12h {
    padding: 0 10px;
    overflow-x: auto;
  }
  div.customize-main.svelte-i1e12h h3.svelte-i1e12h {
    min-width: 150px;
  }
  div.customize-main.svelte-i1e12h .short-button.svelte-i1e12h {
    width: 56px;
    height: 28px;
    background-size: contain;
    font-size: 12px;
  }
  div.customize-main.svelte-i1e12h .btn-revoke-session.svelte-i1e12h {
    font-size: 12px;
  }
  div.customize-main.svelte-i1e12h
    div.submenu
    section
    .content-container
    .twitter-img
    img.svelte-i1e12h {
    width: 30px;
    height: 30px;
  }
  div.customize-main.svelte-i1e12h
    div.submenu
    section
    .content-container
    .content.svelte-i1e12h {
    width: 166px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid whitesmoke;
    font-size: 12px;
    padding: 0 10px;
  }
  div.customize-main.svelte-i1e12h
    div.submenu
    section
    .content-container
    .content
    .content-text.svelte-i1e12h {
    line-height: 25px;
  }
}
div.menu-container-main.svelte-xbbhsh.svelte-xbbhsh {
  --size-first-columns-grid: 200px;
  pointer-events: auto;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2022;
  display: grid;
  grid-template-columns: var(--size-first-columns-grid) calc(
      100% - var(--size-first-columns-grid)
    );
  grid-template-rows: 100%;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.menu-container-main.svelte-xbbhsh p.close-icon.svelte-xbbhsh {
  position: absolute;
  padding: 4px;
  right: 10px;
  top: 10px;
  font-size: 30px;
  line-height: 25px;
}
div.menu-container-main.svelte-xbbhsh p.close-icon img.svelte-xbbhsh {
  width: 40px;
  height: auto;
}
div.menu-container-main.svelte-xbbhsh p.close-icon img.svelte-xbbhsh:hover {
  transform: scale(1.1);
}
div.menu-container-main.svelte-xbbhsh div.menu-nav-sidebar.svelte-xbbhsh {
  background-image: url(/assets/setting-background.efddc8db.png);
  color: #f5f5f5;
  padding: 5px;
  border-right: 8px solid whitesmoke;
  border-radius: 16px 0 0 16px;
  display: flex;
  flex-direction: column;
}
div.menu-container-main.svelte-xbbhsh
  div.menu-nav-sidebar
  .menu-logo-title.svelte-xbbhsh {
  margin-bottom: 20px;
}
div.menu-container-main.svelte-xbbhsh div.menu-nav-sidebar ul.svelte-xbbhsh {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}
div.menu-container-main.svelte-xbbhsh div.menu-nav-sidebar ul li.svelte-xbbhsh {
  margin-bottom: 10px;
  list-style: none;
}
div.menu-container-main.svelte-xbbhsh div.menu-submenu-container.svelte-xbbhsh {
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  color: #f5f5f5;
  padding: 5px;
  border-radius: 0 16px 16px 0;
}
@media only screen and (max-width: 991px) {
  div.menu-container-main.svelte-xbbhsh.svelte-xbbhsh {
    --size-first-columns-grid: 150px;
  }
  div.menu-container-main.svelte-xbbhsh p.close-icon.svelte-xbbhsh {
    right: 5px;
    top: 5px;
  }
  div.menu-container-main.svelte-xbbhsh p.close-icon img.svelte-xbbhsh {
    width: 32px;
  }
}
@media only screen and (max-width: 575px) {
  div.menu-container-main.svelte-xbbhsh.svelte-xbbhsh {
    --size-first-columns-grid: 100px;
  }
  div.menu-container-main.svelte-xbbhsh p.close-icon.svelte-xbbhsh {
    right: 5px;
    top: 5px;
  }
  div.menu-container-main.svelte-xbbhsh p.close-icon img.svelte-xbbhsh {
    width: 26px;
  }
  div.menu-container-main.svelte-xbbhsh div.menu-nav-sidebar.svelte-xbbhsh {
    border-right: 3px solid whitesmoke;
  }
}
div.svelte-1lq86ju {
  z-index: 999999;
  position: absolute;
  max-width: 220px;
  padding: 14px;
  color: #000;
  text-align: justify;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 5px #00000040;
}
.menuIcon.svelte-1f52ekd.svelte-1f52ekd {
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 15px;
  z-index: 800;
  position: relative;
}
.menuIcon.svelte-1f52ekd .switch-chain-panel img.svelte-1f52ekd {
  position: absolute;
  z-index: 1;
}
.menuIcon.svelte-1f52ekd img.svelte-1f52ekd {
  pointer-events: auto;
  height: 80px;
  padding-top: 0;
}
.menuIcon.svelte-1f52ekd img.svelte-1f52ekd:hover {
  transform: scale(1.2);
}
@media only screen and (max-width: 991px) {
  .menuIcon.svelte-1f52ekd.svelte-1f52ekd {
    margin-top: 10px;
    margin-right: 10px;
  }
  .menuIcon.svelte-1f52ekd img.svelte-1f52ekd {
    height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .menuIcon.svelte-1f52ekd.svelte-1f52ekd {
    margin-top: 5px;
    margin-right: 5px;
    gap: 5px;
  }
  .menuIcon.svelte-1f52ekd img.svelte-1f52ekd {
    height: 40px;
  }
}
@media only screen and (max-height: 575px) {
  .menuIcon.svelte-1f52ekd.svelte-1f52ekd {
    margin-top: 5px;
    margin-right: 5px;
    gap: 5px;
  }
  .menuIcon.svelte-1f52ekd img.svelte-1f52ekd {
    height: 40px;
  }
}
.my-cam-video-container.svelte-slrj1n.svelte-slrj1n {
  position: absolute;
  width: 85%;
  height: 100%;
  right: 0;
  transition: transform 1s;
  z-index: 250;
}
.my-cam-video-container.svelte-slrj1n .cameraFrame.svelte-slrj1n {
  position: absolute;
  z-index: 100;
  width: 100%;
  right: 0;
  bottom: 0;
}
.my-cam-video-container.svelte-slrj1n .cameraFrame .my-cam-video.svelte-slrj1n {
  position: absolute;
  z-index: 251;
  max-width: 84%;
  margin: auto;
  right: 9%;
  bottom: 7%;
  border-radius: 16px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.my-cam-video-container.svelte-slrj1n
  .cameraFrame
  .camera-frame-background.svelte-slrj1n {
  max-width: 100%;
}
.my-cam-video-container.svelte-slrj1n .cameraFrame .cloud.svelte-slrj1n {
  position: absolute;
  z-index: 252;
  right: 0;
  top: 15%;
  max-width: 20%;
}
.my-cam-video-container.svelte-slrj1n .cameraFrame .duck-leg.svelte-slrj1n {
  position: absolute;
  z-index: 253;
  left: 3%;
  bottom: 3%;
  max-width: 15%;
}
.my-cam-video-container.hide.svelte-slrj1n.svelte-slrj1n {
  transform: translateY(100%);
}
div.block-container.svelte-1b8nh5c,
div.report-container-main.svelte-1gexuat.svelte-1gexuat {
  text-align: center;
}
div.report-container-main.svelte-1gexuat textarea.svelte-1gexuat {
  height: clamp(100px, 15vh, 300px);
}
@media only screen and (max-height: 630px) {
  div.report-container-main.svelte-1gexuat textarea.svelte-1gexuat {
    height: 50px;
  }
}
.nes-container.svelte-92sbdp.svelte-92sbdp {
  padding: 5px;
}
section.justify-center.svelte-92sbdp.svelte-92sbdp {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.report-menu-main.svelte-92sbdp.svelte-92sbdp {
  pointer-events: auto;
  background-color: #333;
  color: #f5f5f5;
  z-index: 650;
  position: absolute;
  height: 70vh;
  width: 50vw;
  top: 4%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
div.report-menu-main.svelte-92sbdp section.report-menu-title.svelte-92sbdp {
  display: grid;
  grid-template-columns: calc(100% - 45px) 40px;
  margin-bottom: 20px;
}
div.report-menu-main.svelte-92sbdp section.report-menu-title h2.svelte-92sbdp {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.report-menu-main.svelte-92sbdp section.report-menu-action.svelte-92sbdp {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-bottom: 20px;
}
div.report-menu-main.svelte-92sbdp
  section.report-menu-action.hidden.svelte-92sbdp {
  display: none;
}
.loader.svelte-1i7l1cg.svelte-1i7l1cg {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin: auto;
  animation: svelte-1i7l1cg-spin 2s linear infinite;
  z-index: 350;
}
@keyframes svelte-1i7l1cg-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.visitCard.svelte-1i7l1cg.svelte-1i7l1cg {
  pointer-events: all;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  margin-top: 200px;
  max-width: 80vw;
}
.visitCard.svelte-1i7l1cg iframe.svelte-1i7l1cg {
  border: 0;
  max-width: 80vw;
  overflow: hidden;
}
.visitCard.svelte-1i7l1cg iframe.hidden.svelte-1i7l1cg {
  visibility: hidden;
  position: absolute;
}
.visitCard.svelte-1i7l1cg button.svelte-1i7l1cg {
  float: right;
}
main.warningMain.svelte-1qc49i3.svelte-1qc49i3 {
  pointer-events: auto;
  width: 100%;
  background-color: #f9e81e;
  color: #14304c;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Manrope;
  min-width: 300px;
  opacity: 0.9;
  z-index: 700;
}
main.warningMain.svelte-1qc49i3 h2.svelte-1qc49i3 {
  padding: 5px;
}
main.warningMain.svelte-1qc49i3 a.svelte-1qc49i3 {
  color: #ff475a;
}
.cowebsite-thumbnail.svelte-d9sux8.svelte-d9sux8 {
  cursor: url(data:image/png;base64,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),
    pointer;
  position: relative;
  padding: 0;
  background-color: #0009;
  margin: auto 12px;
}
.cowebsite-thumbnail.svelte-d9sux8.svelte-d9sux8:before {
  content: "";
  position: absolute;
  width: 58px;
  height: 58px;
  left: -8px;
  top: -8px;
  margin: 4px;
  border-style: solid;
  border-width: 4px;
  border-image-slice: 3;
  border-image-width: 3;
  border-image-repeat: stretch;
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(33,37,41)" /></svg>');
  border-image-outset: 1;
}
.cowebsite-thumbnail.svelte-d9sux8.svelte-d9sux8:not(.vertical) {
  transition: all 0.3s;
  transform: translateY(0);
}
.cowebsite-thumbnail.vertical.svelte-d9sux8.svelte-d9sux8 {
  margin: 7px;
  animation: svelte-d9sux8-shake 0.35s ease-in-out;
}
.cowebsite-thumbnail.vertical.svelte-d9sux8.svelte-d9sux8:before {
  width: 48px;
  height: 48px;
}
.cowebsite-thumbnail.vertical.svelte-d9sux8 .cowebsite-icon.svelte-d9sux8 {
  width: 40px;
  height: 40px;
}
.cowebsite-thumbnail.vertical.svelte-d9sux8 .cowebsite-hover.svelte-d9sux8 {
  top: -4px;
  left: 55px;
}
.cowebsite-thumbnail.displayed.svelte-d9sux8.svelte-d9sux8:not(.vertical) {
  transform: translateY(-15px);
}
.cowebsite-thumbnail.asleep.svelte-d9sux8.svelte-d9sux8 {
  filter: grayscale(100%);
  --webkit-filter: grayscale(100%);
}
.cowebsite-thumbnail.loading.svelte-d9sux8.svelte-d9sux8 {
  animation: 2.5s ease-in-out 0s infinite alternate
    svelte-d9sux8-backgroundLoading;
}
.cowebsite-thumbnail.ready.svelte-d9sux8.svelte-d9sux8:before {
  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(38, 74, 110)" /></svg>');
}
@keyframes svelte-d9sux8-backgroundLoading {
  0% {
    background-color: #0009;
  }
  to {
    background-color: #25598e;
  }
}
@keyframes svelte-d9sux8-bounce {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-15px);
  }
}
@keyframes svelte-d9sux8-shake {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-10px);
  }
  40% {
    transform: translate(10px);
  }
  60% {
    transform: translate(-10px);
  }
  80% {
    transform: translate(10px);
  }
  to {
    transform: translate(0);
  }
}
.cowebsite-thumbnail.svelte-d9sux8 .cowebsite-icon.svelte-d9sux8 {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.cowebsite-thumbnail.svelte-d9sux8 .cowebsite-icon.hide.svelte-d9sux8 {
  display: none;
}
.cowebsite-thumbnail.svelte-d9sux8 .cowebsite-icon.jitsi.svelte-d9sux8 {
  padding: 7px;
}
.cowebsite-thumbnail.svelte-d9sux8:hover .cowebsite-hover.svelte-d9sux8 {
  display: block;
  width: max-content !important;
}
.cowebsite-thumbnail.svelte-d9sux8 .cowebsite-hover.svelte-d9sux8 {
  display: none;
  position: absolute;
  background-color: #0009;
  top: -40px;
  left: -4px;
  width: 0 !important;
  min-height: 20px;
  transition: all 0.2s ease;
  overflow: hidden;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
}
.cowebsite-thumbnail.svelte-d9sux8 .cowebsite-hover p.svelte-d9sux8 {
  margin-bottom: 0;
}
#cowebsite-thumbnail-container.svelte-1youwcd {
  pointer-events: all;
  height: 100px;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 5px;
  left: 2%;
  overflow-x: auto;
  overflow-y: hidden;
  overflow: visible;
}
#cowebsite-thumbnail-container.vertical.svelte-1youwcd {
  height: auto !important;
  width: auto !important;
  bottom: auto !important;
  left: auto !important;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}
.nes-container.svelte-1hbf3m8.svelte-1hbf3m8 {
  padding: 5px;
}
.interact-status.svelte-1hbf3m8.svelte-1hbf3m8 {
  background-color: #333;
  color: #f5f5f5;
  position: absolute;
  max-height: 2.7em;
  width: 40vw;
  top: 87vh;
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 400;
}
div.interact-menu.svelte-1hbf3m8.svelte-1hbf3m8 {
  pointer-events: auto;
  background-color: #333;
  color: #f5f5f5;
  position: absolute;
  width: 60vw;
  top: 60vh;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 150;
}
div.interact-menu.svelte-1hbf3m8 section.interact-menu-title.svelte-1hbf3m8 {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
div.interact-menu.svelte-1hbf3m8 section.interact-menu-question.svelte-1hbf3m8 {
  margin: 4px 4px 20px;
}
div.interact-menu.svelte-1hbf3m8
  section.interact-menu-question
  p.svelte-1hbf3m8 {
  font-size: 1.05em;
  font-weight: 700;
}
div.interact-menu.svelte-1hbf3m8 section.interact-menu-action.svelte-1hbf3m8 {
  display: grid;
  grid-gap: 10%;
  grid-template-columns: 45% 45%;
  margin-bottom: 20px;
  margin-left: 5%;
  margin-right: 5%;
}
@media only screen and (max-width: 991px) {
  .interact-status.svelte-1hbf3m8.svelte-1hbf3m8 {
    width: 90vw;
    top: 78vh;
    font-size: 0.75em;
  }
  div.interact-menu.svelte-1hbf3m8.svelte-1hbf3m8 {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
}
div.main-ban-message.svelte-ovguks.svelte-ovguks {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 4%;
  left: 0;
  right: 0;
  z-index: 850;
  height: 70vh;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  pointer-events: auto;
  background-color: #333;
  color: #f5f5f5;
}
div.main-ban-message.svelte-ovguks h2.title-ban-message.svelte-ovguks {
  flex: 1 1 auto;
  max-height: 50px;
  margin-bottom: 20px;
  text-align: center;
}
div.main-ban-message.svelte-ovguks h2.title-ban-message img.svelte-ovguks {
  height: 50px;
}
div.main-ban-message.svelte-ovguks div.content-ban-message.svelte-ovguks {
  flex: 1 1 auto;
  max-height: calc(100% - 50px);
  overflow: auto;
}
div.main-ban-message.svelte-ovguks div.content-ban-message p.svelte-ovguks {
  white-space: pre-wrap;
}
div.main-ban-message.svelte-ovguks div.footer-ban-message.svelte-ovguks {
  height: 50px;
  margin-top: 10px;
  text-align: center;
}
div.main-ban-message.svelte-ovguks div.footer-ban-message button.svelte-ovguks {
  width: 88px;
  height: 44px;
}
.main-ban-message-container.svelte-8zfzd8 {
  z-index: 800;
}
div.main-text-message.svelte-sj8xdd.svelte-sj8xdd {
  display: flex;
  flex-direction: column;
  position: absolute;
  max-height: 25%;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  top: 6%;
  left: 0;
  right: 0;
  padding-bottom: 0;
  z-index: 240;
  pointer-events: auto;
  background-color: #333;
}
div.main-text-message.svelte-sj8xdd div.content-text-message.svelte-sj8xdd {
  flex: 1 1 auto;
  max-height: calc(100% - 50px);
  color: #f5f5f5;
  overflow: auto;
}
div.main-text-message.svelte-sj8xdd div.footer-text-message.svelte-sj8xdd {
  height: 50px;
  text-align: center;
}
.main-text-message-container.svelte-sc9ya1 {
  padding-top: 16px;
  z-index: 800;
}
.audio-playing.svelte-y01jdp.svelte-y01jdp {
  position: absolute;
  width: 200px;
  height: 54px;
  right: 0;
  top: 40px;
  transition: all 0.1s ease-out;
  background-color: #000;
  border-radius: 30px 0 0 30px;
  display: inline-flex;
  z-index: 750;
}
.audio-playing.svelte-y01jdp img.svelte-y01jdp {
  border-radius: 50%;
  background-color: #ffda01;
  padding: 10px;
}
.audio-playing.svelte-y01jdp p.svelte-y01jdp {
  color: #fff;
  margin-left: 10px;
  margin-top: 14px;
}
.limit-map.svelte-p9y611.svelte-p9y611 {
  pointer-events: auto;
  background: #eceeee;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10vh;
  max-height: 80vh;
  max-width: 80vw;
  overflow: auto;
  text-align: center;
  z-index: 500;
}
.limit-map.svelte-p9y611 section p.svelte-p9y611 {
  margin: 15px;
}
.actions-menu.svelte-im5f4s.svelte-im5f4s {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 260px !important;
  height: max-content !important;
  max-height: 40vh;
  margin-top: 200px;
  pointer-events: auto;
  background-color: #333;
  color: #f5f5f5;
}
.actions-menu.svelte-im5f4s .actions.svelte-im5f4s {
  max-height: calc(100% - 50px);
  width: 100%;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
.actions-menu.svelte-im5f4s .actions button.svelte-im5f4s {
  width: calc(100% - 10px);
  margin-bottom: 10px;
}
.actions-menu.svelte-im5f4s .actions.svelte-im5f4s::-webkit-scrollbar {
  display: none;
}
.actions-menu.svelte-im5f4s h2.svelte-im5f4s {
  text-align: center;
  margin-bottom: 20px;
}
.actions-menu.svelte-im5f4s .nes-btn.is-error.close.svelte-im5f4s {
  position: absolute;
  top: -20px;
  right: -20px;
}
.userInfoBar.svelte-psq1ls.svelte-psq1ls {
  display: flex;
  align-items: flex-start;
  z-index: 800;
  position: relative;
  margin-top: 20px;
  margin-left: 26px;
  pointer-events: auto;
}
.userInfoBar.svelte-psq1ls .info.svelte-psq1ls {
  width: 200px;
  height: 80px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #a25d41;
  background: #ff6a01;
  padding: 5px;
  box-shadow: 0 4px 4px #0003;
}
.userInfoBar.svelte-psq1ls .info .bg.svelte-psq1ls {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  position: absolute;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #a25d41;
  background: white;
  z-index: 801;
}
.userInfoBar.svelte-psq1ls .info .bg img.svelte-psq1ls {
  opacity: 0.6;
  display: block;
  width: 100%;
  object-fit: contain;
  position: absolute;
  bottom: -20px;
}
.userInfoBar.svelte-psq1ls .info .main-info.svelte-psq1ls {
  pointer-events: auto;
  z-index: 802;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 8px;
  gap: 10px;
  overflow: hidden;
}
.userInfoBar.svelte-psq1ls .info .main-info .row.svelte-psq1ls {
  display: flex;
  gap: 4px;
  align-items: center;
}
.userInfoBar.svelte-psq1ls .info .main-info .row .icon.svelte-psq1ls {
  width: 22px;
  height: 22px;
}
.userInfoBar.svelte-psq1ls .info .main-info .row .icon img.svelte-psq1ls {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.userInfoBar.svelte-psq1ls .info .main-info .row .value.svelte-psq1ls {
  font-size: 18px;
  font-weight: 600;
}
.userInfoBar.svelte-psq1ls .info .main-info .row .value .svelte-psq1ls:hover {
  cursor: text !important;
}
@media only screen and (max-width: 991px) {
  .userInfoBar.svelte-psq1ls.svelte-psq1ls {
    margin-top: 10px;
    margin-left: 18px;
  }
  .userInfoBar.svelte-psq1ls .info.svelte-psq1ls {
    width: 172px;
    height: 60px;
    border-radius: 10px;
    padding: 3px;
    box-shadow: 0 4px 4px #0003;
  }
  .userInfoBar.svelte-psq1ls .info .bg.svelte-psq1ls {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 10px;
    border: 1px solid #a25d41;
  }
  .userInfoBar.svelte-psq1ls .info .bg img.svelte-psq1ls {
    bottom: -18px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info.svelte-psq1ls {
    padding: 7px 7px 7px 10px;
    gap: 7px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info .row.svelte-psq1ls {
    gap: 3px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info .row .icon.svelte-psq1ls {
    width: 16px;
    height: 16px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info .row .value.svelte-psq1ls {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .userInfoBar.svelte-psq1ls.svelte-psq1ls {
    margin-top: 5px;
    margin-left: 8px;
  }
  .userInfoBar.svelte-psq1ls .info.svelte-psq1ls {
    width: 108px;
    height: 48px;
    border-radius: 10px;
    padding: 3px;
    box-shadow: 0 4px 4px #0003;
  }
  .userInfoBar.svelte-psq1ls .info .bg.svelte-psq1ls {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 10px;
    border: 1px solid #a25d41;
  }
  .userInfoBar.svelte-psq1ls .info .bg img.svelte-psq1ls {
    bottom: -10px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info.svelte-psq1ls {
    padding: 5px 5px 5px 8px;
    gap: 7px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info .row.svelte-psq1ls {
    gap: 3px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info .row .icon.svelte-psq1ls {
    width: 12px;
    height: 12px;
  }
  .userInfoBar.svelte-psq1ls .info .main-info .row .value.svelte-psq1ls {
    font-size: 12px;
  }
}
form.svelte-10ye0ko.svelte-10ye0ko {
  display: flex;
  padding-left: 4px;
  padding-right: 4px;
}
form.svelte-10ye0ko input.svelte-10ye0ko {
  flex: auto;
  background-color: #f5f5f5;
  color: #000;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border: none;
  font-size: 16px;
  font-family: Manrope;
  padding-left: 12px;
  min-width: 0;
  outline: none;
}
form.svelte-10ye0ko button.svelte-10ye0ko {
  background-color: #f5f5f5;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  border: none;
  border-left: solid #ccc 1px;
  font-size: 16px;
}
ul.selectMenu.svelte-1jz50h2.svelte-1jz50h2 {
  background-color: #f5f5f5;
  position: absolute;
  padding: 5px;
  border-radius: 4px;
  list-style-type: none;
}
ul.selectMenu.svelte-1jz50h2 li.svelte-1jz50h2 {
  text-align: center;
}
span.subMenu.svelte-ocqg97 {
  display: inline-block;
}
span.chatPlayerName.svelte-ocqg97 {
  margin-left: 3px;
}
.chatPlayerName.svelte-ocqg97:hover {
  text-decoration: underline;
}
h4.svelte-bk9z6g.svelte-bk9z6g.svelte-bk9z6g,
p.svelte-bk9z6g.svelte-bk9z6g.svelte-bk9z6g {
  font-family: Manrope;
}
h4.svelte-bk9z6g.svelte-bk9z6g.svelte-bk9z6g {
  color: #000;
  text-shadow: none;
}
div.chatElement.svelte-bk9z6g.svelte-bk9z6g.svelte-bk9z6g {
  display: flex;
  margin-bottom: 20px;
}
div.chatElement.svelte-bk9z6g .messagePart.svelte-bk9z6g.svelte-bk9z6g {
  flex-grow: 1;
  max-width: 100%;
  user-select: text;
}
div.chatElement.svelte-bk9z6g
  .messagePart
  span.date.svelte-bk9z6g.svelte-bk9z6g {
  font-size: 80%;
  color: gray;
}
div.chatElement.svelte-bk9z6g .messagePart div.svelte-bk9z6g > p.svelte-bk9z6g {
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 6px;
  overflow-wrap: break-word;
  max-width: 100%;
  display: inline-block;
}
div.chatElement.svelte-bk9z6g
  .messagePart
  div.svelte-bk9z6g
  > p.other-text.svelte-bk9z6g {
  background: gray;
}
div.chatElement.svelte-bk9z6g
  .messagePart
  div.svelte-bk9z6g
  > p.my-text.svelte-bk9z6g {
  background: #6489ff;
}
.chat-icon.svelte-1ecbpqo.svelte-1ecbpqo {
  position: absolute;
  z-index: 1111;
  right: 2px;
  bottom: 0;
}
.chat-icon.svelte-1ecbpqo img.svelte-1ecbpqo {
  width: 50px;
  pointer-events: auto;
}
.chat-icon.svelte-1ecbpqo img.svelte-1ecbpqo:hover {
  transform: scale(1.2);
}
p.close-icon.svelte-1ecbpqo.svelte-1ecbpqo {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1ecbpqo img.svelte-1ecbpqo {
  width: 26px;
  height: auto;
}
aside.chatWindow.svelte-1ecbpqo.svelte-1ecbpqo {
  z-index: 1112;
  pointer-events: auto;
  height: 400px;
  bottom: 0;
  right: 0;
  width: 100%;
  background-image: url(/assets/chat-background.5ec2c110.png);
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 16px;
  position: absolute;
}
aside.chatWindow.svelte-1ecbpqo .messagesList.svelte-1ecbpqo {
  margin-top: 29px;
  overflow-y: auto;
  flex: auto;
  background-color: #f5f5f5;
  border-radius: 16px;
  color: #000;
  padding: 5px;
}
aside.chatWindow.svelte-1ecbpqo .messagesList ul.svelte-1ecbpqo {
  list-style-type: none;
  padding-left: 5px;
}
aside.chatWindow.svelte-1ecbpqo.svelte-1ecbpqo:hover {
  opacity: 1;
}
@media only screen and (max-width: 575px) {
  .chat-icon.svelte-1ecbpqo img.svelte-1ecbpqo {
    width: 35px;
    pointer-events: auto;
  }
  p.close-icon.svelte-1ecbpqo img.svelte-1ecbpqo {
    width: 20px;
  }
  aside.chatWindow.svelte-1ecbpqo.svelte-1ecbpqo {
    padding: 6px;
  }
  aside.chatWindow.svelte-1ecbpqo .messagesList.svelte-1ecbpqo {
    margin-top: 25px;
  }
}
@media only screen and (max-height: 575px) {
  .chat-icon.svelte-1ecbpqo img.svelte-1ecbpqo {
    width: 35px;
    pointer-events: auto;
  }
  p.close-icon.svelte-1ecbpqo img.svelte-1ecbpqo {
    width: 20px;
  }
  aside.chatWindow.svelte-1ecbpqo.svelte-1ecbpqo {
    padding: 6px;
    height: 200px;
  }
  aside.chatWindow.svelte-1ecbpqo .messagesList.svelte-1ecbpqo {
    margin-top: 25px;
  }
}
.list-connected-icon.svelte-16wvho1.svelte-16wvho1 {
  position: absolute;
  z-index: 1111;
  left: 20px;
}
.list-connected-icon.svelte-16wvho1 img.svelte-16wvho1 {
  width: 50px;
  pointer-events: auto;
}
.list-connected-icon.svelte-16wvho1 img.svelte-16wvho1:hover {
  transform: scale(1.2);
}
p.close-icon.svelte-16wvho1.svelte-16wvho1 {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-16wvho1 img.svelte-16wvho1 {
  width: 32px;
  height: auto;
}
aside.container.svelte-16wvho1.svelte-16wvho1 {
  z-index: 0;
  pointer-events: auto;
  max-height: 95%;
  top: 0;
  left: 20px;
  width: calc(100% - 35px);
  background-image: url(/assets/chat-background.5ec2c110.png);
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 16px;
  position: absolute;
  right: 20px;
  opacity: 0.5;
}
aside.container.svelte-16wvho1 .people-list.svelte-16wvho1 {
  margin-top: 35px;
  overflow-y: auto;
  flex: auto;
  background-color: #f5f5f5;
  border-radius: 16px;
  color: #000;
  padding: 5px;
}
aside.container.svelte-16wvho1 .people-list ul.svelte-16wvho1 {
  list-style-type: none;
  padding-left: 10px;
}
aside.container.svelte-16wvho1 .people-list ul li.svelte-16wvho1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
aside.container.svelte-16wvho1.svelte-16wvho1:hover {
  opacity: 1;
}
@media only screen and (max-width: 575px) {
  .list-connected-icon.svelte-16wvho1 img.svelte-16wvho1 {
    width: 35px;
    pointer-events: auto;
  }
  p.close-icon.svelte-16wvho1 img.svelte-16wvho1 {
    width: 20px;
  }
  aside.container.svelte-16wvho1 .people-list.svelte-16wvho1 {
    margin-top: 20px;
  }
}
.video-container.svelte-hhxw6k.svelte-hhxw6k {
  transition: all 0.2s ease;
  position: relative;
  display: inherit;
  padding-right: 5px;
  cursor: url(./images/cursor_pointer.png), pointer;
}
.video-container.svelte-hhxw6k video.svelte-hhxw6k {
  cursor: url(./images/cursor_pointer.png), pointer;
}
.video-container.svelte-hhxw6k .no-video.svelte-hhxw6k {
  width: 100%;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #22326f;
}
.video-container.svelte-hhxw6k .no-video img.svelte-hhxw6k {
  max-width: 40%;
  max-height: 40%;
}
.video-container.svelte-hhxw6k .container.svelte-hhxw6k {
  display: flex;
  flex-direction: column;
}
.video-container.svelte-hhxw6k i.svelte-hhxw6k {
  position: absolute;
  width: 100px;
  height: auto;
  left: 0;
  top: 0;
  text-align: center;
  color: #fff;
}
.video-container.svelte-hhxw6k i span.svelte-hhxw6k {
  font-size: 14px;
  margin: 2px;
  background-color: #fff;
  border-radius: 8px;
  font-style: normal;
}
.video-container.svelte-hhxw6k .btn-cam-action.svelte-hhxw6k {
  position: absolute;
  left: 5px;
  bottom: 5px;
  display: flex;
}
.video-container.svelte-hhxw6k .btn-cam-action img.svelte-hhxw6k {
  width: 28px;
  height: 28px;
  margin-left: 10px;
}
.video-container.svelte-hhxw6k .audio-indicator-container.svelte-hhxw6k {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 5px;
}
.list-video-container.active.svelte-fqblx2.svelte-fqblx2 {
  z-index: 100;
}
.list-video-container.svelte-fqblx2.svelte-fqblx2 {
  height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  pointer-events: auto;
  z-index: -1;
}
.list-video-container.svelte-fqblx2 .background-outside.svelte-fqblx2 {
  transition: transform 1s;
  height: 90%;
  max-width: 100%;
  background-image: url(/assets/list-video-background-outside.a75a2d60.png);
  background-size: cover;
  padding: 12px;
  border-radius: 16px;
  position: relative;
}
.list-video-container.svelte-fqblx2
  .background-outside
  p.close-icon.svelte-fqblx2 {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
.list-video-container.svelte-fqblx2
  .background-outside
  p.close-icon
  img.svelte-fqblx2 {
  width: 32px;
  height: auto;
}
.list-video-container.svelte-fqblx2
  .background-outside
  .background-inside.svelte-fqblx2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-image: url(/assets/list-video-background-inside.8ed5cfe6.png);
  background-size: cover;
  height: 100%;
  max-width: 100%;
  border-radius: 16px;
}
.list-video-container.svelte-fqblx2
  .background-outside
  .background-inside
  img.svelte-fqblx2 {
  height: 30%;
  padding: 0 10px;
}
.list-video-container.svelte-fqblx2
  .background-outside
  .background-inside
  img.svelte-fqblx2:hover {
  height: 30%;
  padding: 0 10px;
  transform: scale(1.2);
}
.list-video-container.svelte-fqblx2
  .background-outside
  .background-inside
  .list-video-wrapper.svelte-fqblx2 {
  display: flex;
  overflow: hidden;
  max-width: 100%;
}
.list-video-container.svelte-fqblx2 .background-outside.hide.svelte-fqblx2 {
  transform: translateY(calc(100% - 32px));
}
div.container-main.svelte-di3byy.svelte-di3byy {
  --paper-size: 583px;
  pointer-events: auto;
  height: var(--paper-size);
  width: var(--paper-size);
  top: calc((100% - var(--paper-size)) / 2);
  left: calc((100% - var(--paper-size)) / 2);
  position: absolute;
  z-index: 2022;
  background-image: url(/assets/paper-notification.1244d686.png);
  background-size: contain;
  padding-top: calc(var(--paper-size) / 10);
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
div.container-main.svelte-di3byy .content.svelte-di3byy {
  font-size: 18px;
  line-height: 25px;
}
div.container-main.svelte-di3byy h3.svelte-di3byy {
  color: #000;
  font-weight: 700;
  text-shadow: none;
}
div.container-main.svelte-di3byy .button.svelte-di3byy:hover:not(.disabled) {
  transform: scale(1.02);
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-di3byy.svelte-di3byy {
    --paper-size: 480px;
  }
}
@media only screen and (max-width: 575px) {
  div.container-main.svelte-di3byy.svelte-di3byy {
    --paper-size: 300px;
  }
}
div.container-main.svelte-1e3tusq.svelte-1e3tusq {
  pointer-events: auto;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 2022;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.container-main.svelte-1e3tusq .logo.svelte-1e3tusq {
  position: absolute;
  top: 0;
}
div.container-main.svelte-1e3tusq .icon-notification-speaker.svelte-1e3tusq {
  position: absolute;
  top: 30px;
  left: 30px;
}
div.container-main.svelte-1e3tusq p.close-icon.svelte-1e3tusq {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
  z-index: 2025;
}
div.container-main.svelte-1e3tusq p.close-icon img.svelte-1e3tusq {
  width: 40px;
  height: auto;
}
div.container-main.svelte-1e3tusq p.close-icon img.svelte-1e3tusq:hover {
  transform: scale(1.1);
}
div.container-main.svelte-1e3tusq .notification.svelte-1e3tusq {
  background-color: #10509f;
  color: #f5f5f5;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
div.container-main.svelte-1e3tusq div.wrapper-list.svelte-1e3tusq {
  margin-top: 150px;
  margin-bottom: 50px;
  overflow-y: scroll;
  width: 80%;
}
div.container-main.svelte-1e3tusq div.notification-list.svelte-1e3tusq {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-1e3tusq .logo.svelte-1e3tusq {
    width: 200px;
  }
  div.container-main.svelte-1e3tusq .icon-notification-speaker.svelte-1e3tusq {
    top: 15px;
    left: 15px;
    width: 100px;
  }
}
@media only screen and (max-width: 575px) {
  div.container-main.svelte-1e3tusq .logo.svelte-1e3tusq {
    width: 150px;
    z-index: 2023;
  }
  div.container-main.svelte-1e3tusq .icon-notification-speaker.svelte-1e3tusq {
    top: 5px;
    left: 5px;
    width: 50px;
  }
}
.containerRow.svelte-pfafd2.svelte-pfafd2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 100;
  box-sizing: border-box;
}
.containerRow.svelte-pfafd2 .board.svelte-pfafd2 {
  width: 35%;
  height: 24.5em;
  margin-top: 15vh;
  border-radius: 20px;
  pointer-events: auto;
  z-index: 101;
  border: 4px solid #10509f;
}
.containerRow.svelte-pfafd2 .board .closeButton.svelte-pfafd2 {
  position: absolute;
  z-index: 102;
  right: 32.5%;
  top: 15vh;
  padding: 4px;
}
.containerRow.svelte-pfafd2 .board .closeButton img.svelte-pfafd2 {
  width: 30px;
  height: auto;
}
.containerRow.svelte-pfafd2 .board .closeButton img.svelte-pfafd2:hover {
  animation-name: svelte-pfafd2-animate-up;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.containerRow.svelte-pfafd2 .board .flex-center.svelte-pfafd2 {
  display: flex;
  justify-content: center;
}
.containerRow.svelte-pfafd2 .board .flex-center .logo.svelte-pfafd2 {
  position: absolute;
  margin-top: 18px;
}
.containerRow.svelte-pfafd2 .board .flex-center .logo img.svelte-pfafd2 {
  width: 100px;
  height: auto;
}
.containerRow.svelte-pfafd2 .board .containerForm.svelte-pfafd2 {
  margin-top: 9vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.containerRow.svelte-pfafd2 .board .containerForm .form.svelte-pfafd2 {
  width: 70%;
  padding-top: 5px;
}
.containerRow.svelte-pfafd2 .board .containerForm .form H3.svelte-pfafd2 {
  font-size: 18px;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem.svelte-pfafd2 {
  margin-bottom: 8px;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem
  .inputText.svelte-pfafd2 {
  width: 100%;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem
  .g-recaptcha.svelte-pfafd2 {
  transform: scale(0.7);
  transform-origin: 0 0;
  margin-bottom: -20px;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem
  .flex-center.svelte-pfafd2 {
  display: flex;
  justify-content: center;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem
  .flex-center
  .submitButton.svelte-pfafd2 {
  all: unset;
  font-weight: 700;
  color: #f5f5f5;
  text-align: center;
  padding-top: 12px;
  opacity: 0.8;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem
  .flex-center
  .submitButton
  .buttonText.svelte-pfafd2 {
  position: absolute;
  transform: translate3d(45px, -30px, 0);
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .formItem
  .flex-center
  .submitButton.svelte-pfafd2:hover {
  opacity: 1;
}
.containerRow.svelte-pfafd2
  .board
  .containerForm
  .form
  .alertCaptcha.svelte-pfafd2 {
  font-size: 13px;
  color: red;
}
.containerRow.svelte-pfafd2 .boardBack.svelte-pfafd2 {
  width: 35%;
  height: 24.5em;
  margin-top: 15vh;
  border-radius: 20px;
  pointer-events: auto;
  z-index: 101;
  background: url(/assets/cowebsite-background.2dea636d.png);
  position: absolute;
  opacity: 0.9;
}
@keyframes svelte-pfafd2-animate-up {
  0% {
    scale: 1;
  }
  to {
    scale: 1.2;
  }
}
@media only screen and (max-width: 1399px) {
  .containerRow.svelte-pfafd2 .board.svelte-pfafd2 {
    margin-top: 17vh;
    width: 40%;
  }
  .containerRow.svelte-pfafd2 .board .closeButton.svelte-pfafd2 {
    margin-top: 2vh;
    right: 30%;
  }
  .containerRow.svelte-pfafd2 .board .containerForm.svelte-pfafd2 {
    margin-top: 14vh;
  }
  .containerRow.svelte-pfafd2 .board .containerForm .form.svelte-pfafd2 {
    width: 80%;
  }
  .containerRow.svelte-pfafd2
    .board
    .containerForm
    .form
    .formItem
    .g-recaptcha.svelte-pfafd2 {
    transform: scale(0.63);
    transform-origin: 0 0;
  }
  .containerRow.svelte-pfafd2 .boardBack.svelte-pfafd2 {
    margin-top: 17vh;
    width: 40%;
  }
}
@media only screen and (max-width: 1199px) {
  .containerRow.svelte-pfafd2 .board.svelte-pfafd2 {
    margin-top: 25vh;
    width: 40%;
  }
  .containerRow.svelte-pfafd2 .board .closeButton.svelte-pfafd2 {
    margin-top: 10vh;
    right: 30%;
  }
  .containerRow.svelte-pfafd2 .board .containerForm.svelte-pfafd2 {
    margin-top: 14vh;
  }
  .containerRow.svelte-pfafd2 .board .containerForm .form.svelte-pfafd2 {
    width: 80%;
  }
  .containerRow.svelte-pfafd2
    .board
    .containerForm
    .form
    .formItem
    .g-recaptcha.svelte-pfafd2 {
    transform: scale(0.68);
    transform-origin: 0 0;
  }
  .containerRow.svelte-pfafd2 .boardBack.svelte-pfafd2 {
    margin-top: 25vh;
    width: 40%;
  }
}
@media only screen and (max-width: 991px) {
  .containerRow.svelte-pfafd2 .board.svelte-pfafd2 {
    margin-top: 25vh;
  }
  .containerRow.svelte-pfafd2 .board .closeButton.svelte-pfafd2 {
    margin-top: 10vh;
  }
  .containerRow.svelte-pfafd2 .board .containerForm.svelte-pfafd2 {
    margin-top: 8vh;
  }
  .containerRow.svelte-pfafd2 .boardBack.svelte-pfafd2 {
    margin-top: 25vh;
  }
}
@media only screen and (max-width: 575px) {
  .containerRow.svelte-pfafd2 .board.svelte-pfafd2 {
    width: 80%;
  }
  .containerRow.svelte-pfafd2 .board .closeButton.svelte-pfafd2 {
    right: 10%;
  }
  .containerRow.svelte-pfafd2 .board .containerForm.svelte-pfafd2 {
    margin-top: 12vh;
  }
  .containerRow.svelte-pfafd2 .board .containerForm .form H3.svelte-pfafd2 {
    font-size: 16px;
  }
  .containerRow.svelte-pfafd2
    .board
    .containerForm
    .form
    .formItem
    .g-recaptcha.svelte-pfafd2 {
    transform: scale(0.6);
    transform-origin: 0 0;
  }
  .containerRow.svelte-pfafd2 .boardBack.svelte-pfafd2 {
    width: 80%;
  }
}
div.interact-menu.svelte-15qhvqz.svelte-15qhvqz {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
div.interact-menu.svelte-15qhvqz .recapcha-form-wrapper.svelte-15qhvqz {
  position: relative;
}
div.interact-menu.svelte-15qhvqz .interact-menu-message.svelte-15qhvqz {
  color: red;
  text-align: left;
  width: 100%;
}
div.interact-menu.svelte-15qhvqz section.interact-menu-action.svelte-15qhvqz {
  display: flex;
  justify-content: center;
  gap: 20px;
}
div.interact-menu.svelte-15qhvqz .btn-menu.svelte-15qhvqz {
  color: #f5f5f5;
  font-weight: 700;
  height: 55px;
  padding-bottom: 2px;
  width: 205px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/assets/menu-button.abd37227.png) no-repeat scroll 0 0
    transparent;
}
div.interact-menu.svelte-15qhvqz .btn-menu.svelte-15qhvqz:hover:not(.disabled) {
  transform: scale(1.02);
}
@media only screen and (max-width: 991px) {
  div.interact-menu.svelte-15qhvqz.svelte-15qhvqz {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
}
.interact-menu-container.svelte-grxni4.svelte-grxni4:before {
  border: 4px solid #10509f;
  border-radius: 20px;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/cowebsite-background.2dea636d.png);
  background-size: cover;
  opacity: 0.8;
  z-index: 2022;
}
.interact-menu-container.svelte-grxni4.svelte-grxni4 {
  position: relative;
  border-radius: 20px;
  display: inline-flex;
  max-width: 60%;
  height: fit-content;
  margin: auto;
  justify-content: center;
  align-content: flex-start;
  overflow: visible;
  z-index: 2022;
  flex-wrap: wrap;
  padding: 20px 20px 12px;
}
.interact-menu-container.svelte-grxni4 p.close-icon.svelte-grxni4 {
  z-index: 2024;
  pointer-events: auto;
  position: absolute;
  padding: 4px;
  right: -20px;
  top: -20px;
  font-size: 30px;
  line-height: 25px;
}
.interact-menu-container.svelte-grxni4 p.close-icon img.svelte-grxni4 {
  width: 40px;
  height: auto;
}
.interact-menu-container.svelte-grxni4 p.close-icon img.svelte-grxni4:hover {
  transform: scale(1.1);
}
.sub-menu.svelte-grxni4.svelte-grxni4 {
  z-index: 2022;
  pointer-events: none;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sub-menu.svelte-grxni4 img.svelte-grxni4 {
  pointer-events: auto;
  width: 60px;
  height: 60px;
  margin-bottom: 5px;
}
.sub-menu.svelte-grxni4 img.svelte-grxni4:hover {
  transform: scale(1.1);
}
.sub-menu.svelte-grxni4 p.svelte-grxni4 {
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.sub-menu.svelte-grxni4.svelte-grxni4:nth-last-child(1) {
  margin-right: 0;
}
@media only screen and (max-width: 991px) {
  .sub-menu.svelte-grxni4.svelte-grxni4 {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .interact-menu-container.svelte-grxni4.svelte-grxni4 {
    max-width: 65%;
    padding: 20px 5px 10px;
  }
  .sub-menu.svelte-grxni4.svelte-grxni4 {
    margin: 5px;
  }
  .sub-menu.svelte-grxni4.svelte-grxni4:nth-last-child(1) {
    margin: 5px;
  }
}
.emotion.svelte-3cxo3x.svelte-3cxo3x {
  position: absolute;
  pointer-events: auto;
}
.emotion.svelte-3cxo3x .emotionBar.svelte-3cxo3x {
  pointer-events: auto;
}
.emotion.svelte-3cxo3x .emotionBar .polygon.svelte-3cxo3x {
  position: absolute;
  width: 120px;
  height: 100px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  box-sizing: border-box;
  z-index: 101;
  background-image: url(/assets/chat-background.5ec2c110.png);
}
.emotion.svelte-3cxo3x .emotionBar .polygon img.svelte-3cxo3x {
  width: 80%;
  height: auto;
  transform: translate3d(13px, 2px, 0);
}
.emotion.svelte-3cxo3x .emotionBar .circle.svelte-3cxo3x {
  position: absolute;
  width: 296px;
  height: 296px;
  border-radius: 50%;
  background: white;
  z-index: 100;
}
.inventory-wrapper.svelte-12ze09y.svelte-12ze09y {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.inventory-container-main.svelte-12ze09y.svelte-12ze09y {
  pointer-events: auto;
  width: min(1200px, 100%);
  height: auto !important;
  max-height: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 25% 50% 25%;
  grid-template-rows: auto auto;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
}
div.inventory-container-main.svelte-12ze09y div.inventory-logo.svelte-12ze09y {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.inventory-container-main.svelte-12ze09y
  div.inventory-logo
  img.inventory-logo-title.svelte-12ze09y {
  display: block;
  height: 100%;
  max-height: 120px;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-current.svelte-12ze09y {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-current
  div.wrapper-list-item.svelte-12ze09y {
  width: 100%;
  overflow-y: auto;
  background-color: #badbff;
  margin: 10px auto;
  padding: 8px;
  border: 2px solid #10509f;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-current
  div.wrapper-list-item
  div.item-current.svelte-12ze09y {
  background-image: url(/assets/bg-item-current1.237e78db.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: start;
  align-items: center;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-current
  div.wrapper-list-item
  div.item-current
  img.svelte-12ze09y {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
div.inventory-container-main.svelte-12ze09y
  div.wrapper-close-icon.svelte-12ze09y {
  grid-column: 3/4;
  grid-row: 1/2;
  position: relative;
}
div.inventory-container-main.svelte-12ze09y
  div.wrapper-close-icon
  div.preview.svelte-12ze09y {
  width: 50px;
  height: 50px;
  z-index: -10000000;
}
div.inventory-container-main.svelte-12ze09y
  div.wrapper-close-icon
  p.close-icon.svelte-12ze09y {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
div.inventory-container-main.svelte-12ze09y
  div.wrapper-close-icon
  p.close-icon
  img.svelte-12ze09y {
  width: 40px;
  height: auto;
}
div.inventory-container-main.svelte-12ze09y
  div.wrapper-close-icon
  p.close-icon
  img.svelte-12ze09y:hover {
  transform: scale(1.1);
}
div.inventory-container-main.svelte-12ze09y
  div.figure-container.svelte-12ze09y {
  grid-column: 1/2;
  grid-row: 2/3;
  overflow: hidden;
}
div.inventory-container-main.svelte-12ze09y
  div.figure-container
  div.wrapper-figure-container.svelte-12ze09y {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0 auto;
  background-color: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  z-index: 1;
  border: 2px solid #10509f;
  border-radius: 15px;
  overflow: hidden;
}
div.inventory-container-main.svelte-12ze09y
  div.figure-container
  div.wrapper-figure-container
  .farm-coin-info-wrapper.svelte-12ze09y {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.inventory-container-main.svelte-12ze09y
  div.figure-container
  div.wrapper-figure-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-12ze09y {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.inventory-container-main.svelte-12ze09y
  div.figure-container
  div.wrapper-figure-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-12ze09y {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.inventory-container-main.svelte-12ze09y
  div.figure-container
  div.wrapper-figure-container
  #inventory-character-preview.svelte-12ze09y {
  width: 250px;
  height: 370px;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container.svelte-12ze09y {
  grid-column: 2/3;
  grid-row: 2/3;
  position: relative;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item.svelte-12ze09y {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  max-height: 100%;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  margin: 0 auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item-icon.svelte-12ze09y {
  height: 30px;
  width: 100%;
  column-gap: 10px;
  margin-bottom: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item-icon
  .filter-icon.svelte-12ze09y {
  border-radius: 5px;
  padding: 4px;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item-icon
  .filter-icon
  img.svelte-12ze09y {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item-icon
  .filtered.svelte-12ze09y {
  background-color: #10509f;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item.svelte-12ze09y {
  height: 370px;
  overflow-y: auto;
  padding: 4px 5px 10px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item.svelte-12ze09y {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  position: relative;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ellipse-ribbon.svelte-12ze09y {
  position: absolute;
  height: 6px;
  width: 6px;
  left: -6px;
  top: 0;
  background: #244ad7;
  border-radius: 2px 2px 0 0;
  z-index: 2;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ellipse-ribbon-bg.svelte-12ze09y {
  z-index: 1;
  position: absolute;
  height: 6px;
  width: 3px;
  left: -3px;
  top: 0;
  background: #3764f7;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ribbon.svelte-12ze09y {
  z-index: 9999;
  position: absolute;
  top: -4px;
  right: 0;
  text-align: center;
  background: #3764f7;
  width: 30px;
  display: block;
  border-radius: 0 2px 0 0;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .content.svelte-12ze09y {
  color: #fff;
  font: 11px sans-serif;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ribbon.svelte-12ze09y:after {
  content: "";
  width: 100%;
  top: 100%;
  position: absolute;
  display: block;
  border-width: 0 15px 7.5px 15px;
  border-color: #3764f7;
  border-bottom-color: transparent;
  border-bottom-right-radius: 30%;
  border-bottom-left-radius: 30%;
  border-style: solid;
  box-sizing: border-box;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.border-item.svelte-12ze09y {
  position: absolute;
  width: 110%;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.bg-item.svelte-12ze09y {
  width: 90%;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.item-img.svelte-12ze09y {
  position: absolute;
  max-width: 75%;
  max-height: 75%;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item.svelte-12ze09y::-webkit-scrollbar {
  width: 10px;
  margin-block: 5em;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item.svelte-12ze09y::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px;
  transition: 0.25s all ease;
}
div.inventory-container-main.svelte-12ze09y
  div.list-item-container
  div.wrapper-list-item.svelte-12ze09y::-webkit-scrollbar-track {
  background-color: #badbff;
  margin-block: 5px;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container.svelte-12ze09y {
  grid-column: 3/4;
  grid-row: 2/3;
  position: relative;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor.svelte-12ze09y {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0 auto;
  padding: 10px 0;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item.svelte-12ze09y {
  width: 50%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  border: 2px solid #10509f;
  border-radius: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item
  img.item.svelte-12ze09y {
  width: 65%;
  position: absolute;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item
  img.bg-item.svelte-12ze09y {
  width: 100%;
  height: 100%;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor.svelte-12ze09y {
  width: 90%;
  height: 50%;
  margin: 0 auto;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #10509f;
  border-radius: 15px;
  overflow: hidden;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor
  p.svelte-12ze09y {
  color: #1b65f2;
  overflow: hidden;
  margin-bottom: 8px;
  line-height: 1.2rem;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor
  p
  .title.svelte-12ze09y {
  font-weight: 700;
}
div.inventory-container-main.svelte-12ze09y
  div.item-infor-container
  div.wrapper-item-infor
  div.actions-container.svelte-12ze09y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
@media only screen and (max-width: 1199px) {
  div.inventory-container-main.svelte-12ze09y.svelte-12ze09y {
    width: 100%;
    height: auto !important;
    max-height: 100%;
    grid-template-columns: 22% 56% 22%;
    grid-template-rows: 15% 85%;
    row-gap: 5px;
    border: 4px solid #10509f;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-current
    div.wrapper-list-item
    div.item-current.svelte-12ze09y {
    border-radius: 15px;
    width: 50px;
    height: 50px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    .farm-coin-info-wrapper.svelte-12ze09y {
    font-size: 14px;
    width: 100%;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-12ze09y {
    padding: 2px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-12ze09y {
    height: 25px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    #inventory-character-preview.svelte-12ze09y {
    width: 150px;
    height: 240px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item
    div.list-item-icon.svelte-12ze09y {
    height: 25px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item
    div.list-item.svelte-12ze09y {
    height: 275px;
    padding: 0 5px 10px 10px;
    gap: 5px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item
    div.list-item
    div.item.svelte-12ze09y {
    width: 60px;
    height: 60px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container.svelte-12ze09y {
    grid-column: 3/4;
    grid-row: 2/3;
    position: relative;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item.svelte-12ze09y {
    width: 90%;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item
    img.item.svelte-12ze09y {
    width: 75%;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor.svelte-12ze09y {
    padding: 5px;
    overflow: auto;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor
    p.svelte-12ze09y {
    font-size: 13px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.actions-container.svelte-12ze09y {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  div.inventory-container-main.svelte-12ze09y.svelte-12ze09y {
    height: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px;
    grid-template-columns: 30% calc(40% - 20px) 30%;
    grid-template-rows: 60px 25px 70px 220px auto;
    row-gap: 3px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.inventory-logo.svelte-12ze09y {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
    padding-top: 10px;
    padding-bottom: 20px;
    justify-content: flex-start;
    padding-left: 20px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.wrapper-close-icon.svelte-12ze09y {
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
  }
  div.inventory-container-main.svelte-12ze09y
    div.wrapper-close-icon
    p.close-icon.svelte-12ze09y {
    right: -10px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-current.svelte-12ze09y {
    grid-column: 1 / span 3;
    grid-row: 3 / span 1;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-current
    div.wrapper-list-item.svelte-12ze09y {
    margin: 3px;
    padding: 5px;
    align-items: center;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-current
    div.wrapper-list-item
    .item-current.svelte-12ze09y {
    border-radius: 15px;
    width: 70px;
    height: 70px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-current
    div.wrapper-list-item
    div.item-current.svelte-12ze09y {
    border-radius: 15px;
    width: 55px;
    height: 55px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container.svelte-12ze09y {
    grid-column: 1 / span 3;
    grid-row: 4 / span 1;
    padding: 2px;
    margin: 2px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item.svelte-12ze09y {
    padding: 10px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item
    div.list-item-icon.svelte-12ze09y {
    height: 25px;
    column-gap: 6px;
    padding-left: 6px;
    margin-bottom: 5px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item
    div.list-item.svelte-12ze09y {
    height: 330px;
    max-width: 420px;
    overflow-y: auto;
    padding: 10px 5px 10px 10px;
    flex-wrap: wrap;
    gap: 10px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.list-item-container
    div.wrapper-list-item
    div.list-item
    div.item.svelte-12ze09y {
    border-radius: 8px;
    padding: 5px 0;
    width: 70px;
    height: 70px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container.svelte-12ze09y {
    grid-column: 2 / span 2;
    grid-row: 5 / span 1;
    padding: 2px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor.svelte-12ze09y {
    row-gap: 8px;
    height: 100%;
    max-height: 100%;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item.svelte-12ze09y {
    width: auto;
    height: 90px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor
    p.svelte-12ze09y {
    font-size: 15px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.item-infor-container
    div.wrapper-item-infor
    .short-button.svelte-12ze09y {
    font-size: 8px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container.svelte-12ze09y {
    grid-column: 1 / span 1;
    grid-row: 5 / span 1;
    height: 100%;
    padding: 2px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container.svelte-12ze09y {
    height: 100%;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    .farm-coin-info-wrapper.svelte-12ze09y {
    font-size: 12px;
    width: 100%;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-12ze09y {
    gap: 2px;
    padding: 2px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-12ze09y {
    height: 20px;
  }
  div.inventory-container-main.svelte-12ze09y
    div.figure-container
    div.wrapper-figure-container
    #inventory-character-preview.svelte-12ze09y {
    margin-top: 10px;
    width: 75px;
    height: 100px;
  }
}
.container-main.svelte-quy2bk.svelte-quy2bk {
  pointer-events: all;
  z-index: 2023;
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  bottom: 5%;
  left: 20px;
  gap: 5px;
  padding: 5px;
  border-radius: 16px;
}
.container-main.svelte-quy2bk .action-name.svelte-quy2bk {
  display: flex;
  align-items: center;
  align-self: flex-start;
  justify-content: flex-start;
  color: #000;
  font-weight: 700;
}
.container-main.svelte-quy2bk .action-name .action-name-text.svelte-quy2bk {
  animation: blinker 1s infinite;
}
.container-main.svelte-quy2bk .action-name .action-name-icon.svelte-quy2bk {
  height: 40px;
}
@media only screen and (max-width: 991px) {
  .container-main.svelte-quy2bk.svelte-quy2bk {
    height: 180px;
  }
  .container-main.svelte-quy2bk .action-name .action-name-icon.svelte-quy2bk {
    height: 35px;
  }
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-quy2bk.svelte-quy2bk {
    height: 160px;
  }
  .container-main.svelte-quy2bk .action-name .action-name-icon.svelte-quy2bk {
    height: 30px;
  }
}
.warehouse-wrapper.svelte-wajv9h.svelte-wajv9h {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.warehouse-container-main.svelte-wajv9h.svelte-wajv9h {
  pointer-events: auto;
  width: min(1200px, 100%);
  height: auto !important;
  max-height: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: auto auto;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
}
div.warehouse-container-main.svelte-wajv9h div.warehouse-logo.svelte-wajv9h {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.warehouse-container-main.svelte-wajv9h
  div.warehouse-logo
  img.warehouse-logo-title.svelte-wajv9h {
  display: block;
  height: 100%;
  max-height: 120px;
}
div.warehouse-container-main.svelte-wajv9h div.filter-panel.svelte-wajv9h {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  padding: 10px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon.svelte-wajv9h {
  height: 30px;
  width: 100%;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 80% 20%;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper.svelte-wajv9h {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button.svelte-wajv9h {
  padding: 4px;
  border: 2px solid #10509f;
  background-color: #badbff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  border-radius: 5px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button
  .filter-icon.svelte-wajv9h {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button
  .filter-icon
  img.svelte-wajv9h {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button
  .filtered.svelte-wajv9h {
  background-color: #fff;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .farm-coin-info-wrapper.svelte-wajv9h {
  justify-self: end !important;
  padding: 4px;
  border: 2px solid #10509f;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  border-radius: 5px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-wajv9h {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
div.warehouse-container-main.svelte-wajv9h
  div.filter-panel
  div.list-item-icon
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-wajv9h {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.warehouse-container-main.svelte-wajv9h
  div.wrapper-close-icon.svelte-wajv9h {
  grid-column: 3/4;
  grid-row: 1/2;
  position: relative;
}
div.warehouse-container-main.svelte-wajv9h
  div.wrapper-close-icon
  div.preview.svelte-wajv9h {
  width: 50px;
  height: 50px;
  z-index: -10000000;
}
div.warehouse-container-main.svelte-wajv9h
  div.wrapper-close-icon
  p.close-icon.svelte-wajv9h {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
div.warehouse-container-main.svelte-wajv9h
  div.wrapper-close-icon
  p.close-icon
  img.svelte-wajv9h {
  width: 40px;
  height: auto;
}
div.warehouse-container-main.svelte-wajv9h
  div.wrapper-close-icon
  p.close-icon
  img.svelte-wajv9h:hover {
  transform: scale(1.1);
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container.svelte-wajv9h {
  grid-column: 2/3;
  grid-row: 2/3;
  position: relative;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item.svelte-wajv9h {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  max-height: 100%;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  margin: 0 auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item.svelte-wajv9h {
  height: 370px;
  overflow-y: auto;
  padding: 4px 5px 10px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item.svelte-wajv9h {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  position: relative;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ellipse-ribbon.svelte-wajv9h {
  position: absolute;
  height: 5px;
  width: 5px;
  left: -5px;
  top: 0;
  background: #244ad7;
  border-radius: 2px 2px 0 0;
  z-index: 2;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ellipse-ribbon-bg.svelte-wajv9h {
  z-index: 1;
  position: absolute;
  height: 5px;
  width: 2.5px;
  left: -2.5px;
  top: 0;
  background: #3764f7;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ribbon.svelte-wajv9h {
  z-index: 9999;
  position: absolute;
  top: -4px;
  right: 0;
  text-align: center;
  background: #3764f7;
  width: 25px;
  display: block;
  border-radius: 0 2px 0 0;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .content.svelte-wajv9h {
  color: #fff;
  font: 11px sans-serif;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  .ribbon.svelte-wajv9h:after {
  content: "";
  width: 100%;
  top: 100%;
  position: absolute;
  display: block;
  border-width: 0 12.5px 6.25px 12.5px;
  border-color: #3764f7;
  border-bottom-color: transparent;
  border-bottom-right-radius: 30%;
  border-bottom-left-radius: 30%;
  border-style: solid;
  box-sizing: border-box;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.border-item.svelte-wajv9h {
  position: absolute;
  width: 110%;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.bg-item.svelte-wajv9h {
  width: 90%;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.item-img.svelte-wajv9h {
  position: absolute;
  max-width: 75%;
  max-height: 75%;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item.svelte-wajv9h::-webkit-scrollbar {
  width: 10px;
  margin-block: 5em;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item.svelte-wajv9h::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px;
  transition: 0.25s all ease;
}
div.warehouse-container-main.svelte-wajv9h
  div.list-item-container
  div.wrapper-list-item.svelte-wajv9h::-webkit-scrollbar-track {
  background-color: #badbff;
  margin-block: 5px;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container.svelte-wajv9h {
  grid-column: 1/2;
  grid-row: 2/3;
  position: relative;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor.svelte-wajv9h {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0 auto;
  padding: 10px 0;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item.svelte-wajv9h {
  width: 50%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  border: 2px solid #10509f;
  border-radius: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item
  img.item.svelte-wajv9h {
  width: 65%;
  position: absolute;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item
  img.bg-item.svelte-wajv9h {
  width: 100%;
  height: 100%;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor.svelte-wajv9h {
  width: 90%;
  height: 50%;
  margin: 0 auto;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #10509f;
  border-radius: 15px;
  overflow: hidden;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor
  p.svelte-wajv9h {
  color: #1b65f2;
  margin-bottom: 8px;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor
  p
  .title.svelte-wajv9h {
  font-weight: 700;
}
div.warehouse-container-main.svelte-wajv9h
  div.item-infor-container
  div.wrapper-item-infor
  div.actions-container.svelte-wajv9h {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
@media only screen and (max-width: 1399px) {
  div.filter-panel.svelte-wajv9h div.list-item-icon.svelte-wajv9h {
    height: 250px;
  }
  div.filter-panel.svelte-wajv9h
    div.list-item-icon
    .filter-button-wrapper
    .filter-button.svelte-wajv9h {
    font-size: 16px !important;
  }
  div.filter-panel.svelte-wajv9h
    div.list-item-icon
    .filter-button-wrapper
    .filter-button
    .filter-icon
    img.svelte-wajv9h {
    height: 25px;
  }
  div.filter-panel.svelte-wajv9h
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-wajv9h {
    font-size: 16px;
  }
  div.filter-panel.svelte-wajv9h
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-wajv9h {
    height: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  div.warehouse-container-main.svelte-wajv9h.svelte-wajv9h {
    grid-template-columns: 30% 70%;
    grid-template-rows: 15% 85%;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon.svelte-wajv9h {
    height: 25px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button.svelte-wajv9h {
    font-size: 14px !important;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button
    .filter-icon
    img.svelte-wajv9h {
    height: 25px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-wajv9h {
    font-size: 14px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-wajv9h {
    height: 25px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.wrapper-close-icon
    p.close-icon.svelte-wajv9h {
    position: absolute;
    right: 2px;
    top: -10px;
    font-size: 30px;
    line-height: 25px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.wrapper-close-icon
    p.close-icon
    img.svelte-wajv9h {
    width: 30px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.list-item-container
    div.wrapper-list-item
    div.list-item.svelte-wajv9h {
    padding: 0 5px 10px 10px;
    gap: 5px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.list-item-container
    div.wrapper-list-item
    div.list-item
    div.item.svelte-wajv9h {
    width: 60px;
    height: 60px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container.svelte-wajv9h {
    grid-column: 1/2;
    grid-row: 2/3;
    position: relative;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item.svelte-wajv9h {
    width: 90%;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item
    img.item.svelte-wajv9h {
    width: 75%;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor.svelte-wajv9h {
    padding: 5px;
    overflow: auto;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor
    p.svelte-wajv9h {
    font-size: 13px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.actions-container.svelte-wajv9h {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  div.warehouse-container-main.svelte-wajv9h.svelte-wajv9h {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px;
    grid-template-columns: 30% calc(70% - 20px);
    grid-template-rows: 60px 40px 200px auto;
    row-gap: 3px;
  }
  div.warehouse-container-main.svelte-wajv9h div.warehouse-logo.svelte-wajv9h {
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
    height: 50px;
    padding-top: 10px;
    justify-content: flex-start;
    padding-left: 20px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.wrapper-close-icon.svelte-wajv9h {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.wrapper-close-icon
    p.close-icon.svelte-wajv9h {
    right: -20px;
    top: 0;
  }
  div.warehouse-container-main.svelte-wajv9h div.filter-panel.svelte-wajv9h {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
    padding: 5px;
    margin-bottom: 5px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon.svelte-wajv9h {
    height: 20px;
    column-gap: 5px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button.svelte-wajv9h {
    font-size: 12px !important;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button
    .filter-icon
    img.svelte-wajv9h {
    height: 20px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-wajv9h {
    font-size: 12px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-wajv9h {
    height: 20px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.list-item-container.svelte-wajv9h {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
    padding: 2px;
    margin: 2px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.list-item-container
    div.wrapper-list-item.svelte-wajv9h {
    padding: 10px;
    height: 100%;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.list-item-container
    div.wrapper-list-item
    div.list-item.svelte-wajv9h {
    max-width: 420px;
    overflow-y: auto;
    padding: 10px 5px 10px 10px;
    flex-wrap: wrap;
    gap: 10px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.list-item-container
    div.wrapper-list-item
    div.list-item
    div.item.svelte-wajv9h {
    border-radius: 8px;
    padding: 5px 0;
    width: 70px;
    height: 70px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container.svelte-wajv9h {
    grid-column: 1 / span 2;
    grid-row: 5 / span 1;
    padding: 2px;
    margin-bottom: 10px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor.svelte-wajv9h {
    row-gap: 8px;
    height: 100%;
    max-height: 100%;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item.svelte-wajv9h {
    width: auto;
    height: 90px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor
    p.svelte-wajv9h {
    font-size: 15px;
  }
  div.warehouse-container-main.svelte-wajv9h
    div.item-infor-container
    div.wrapper-item-infor
    .short-button.svelte-wajv9h {
    font-size: 8px;
  }
}
.farmstore-wrapper.svelte-17cmzfy.svelte-17cmzfy {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.farmstore-container-main.svelte-17cmzfy.svelte-17cmzfy {
  pointer-events: auto;
  width: min(1200px, 100%);
  height: auto !important;
  max-height: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: auto auto;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
}
div.farmstore-container-main.svelte-17cmzfy div.farmstore-logo.svelte-17cmzfy {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.farmstore-container-main.svelte-17cmzfy
  div.farmstore-logo
  img.farmstore-logo-title.svelte-17cmzfy {
  display: block;
  height: 100%;
  max-height: 120px;
}
div.farmstore-container-main.svelte-17cmzfy div.filter-panel.svelte-17cmzfy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  padding: 10px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon.svelte-17cmzfy {
  height: 30px;
  width: 100%;
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 80% 20%;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper.svelte-17cmzfy {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 10px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button.svelte-17cmzfy {
  padding: 4px;
  border: 2px solid #10509f;
  background-color: #badbff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  border-radius: 5px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button
  .filter-icon.svelte-17cmzfy {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button
  .filter-icon
  img.svelte-17cmzfy {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .filter-button-wrapper
  .filter-button
  .filtered.svelte-17cmzfy {
  background-color: #fff;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .farm-coin-info-wrapper.svelte-17cmzfy {
  justify-self: end !important;
  padding: 4px;
  border: 2px solid #10509f;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  border-radius: 5px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-17cmzfy {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.filter-panel
  div.list-item-icon
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-17cmzfy {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.wrapper-close-icon.svelte-17cmzfy {
  grid-column: 3/4;
  grid-row: 1/2;
  position: relative;
}
div.farmstore-container-main.svelte-17cmzfy
  div.wrapper-close-icon
  div.preview.svelte-17cmzfy {
  width: 50px;
  height: 50px;
  z-index: -10000000;
}
div.farmstore-container-main.svelte-17cmzfy
  div.wrapper-close-icon
  p.close-icon.svelte-17cmzfy {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.wrapper-close-icon
  p.close-icon
  img.svelte-17cmzfy {
  width: 40px;
  height: auto;
}
div.farmstore-container-main.svelte-17cmzfy
  div.wrapper-close-icon
  p.close-icon
  img.svelte-17cmzfy:hover {
  transform: scale(1.1);
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container.svelte-17cmzfy {
  grid-column: 2/3;
  grid-row: 2/3;
  position: relative;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item.svelte-17cmzfy {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  max-height: 100%;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  margin: 0 auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item
  div.list-item.svelte-17cmzfy {
  height: 370px;
  overflow-y: auto;
  padding: 4px 5px 10px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item.svelte-17cmzfy {
  background-color: #fff;
  border-radius: 8px;
  text-align: center;
  position: relative;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.border-item.svelte-17cmzfy {
  position: absolute;
  width: 110%;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.bg-item.svelte-17cmzfy {
  width: 90%;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item
  div.list-item
  div.item
  img.item-img.svelte-17cmzfy {
  position: absolute;
  max-width: 75%;
  max-height: 75%;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item.svelte-17cmzfy::-webkit-scrollbar {
  width: 10px;
  margin-block: 5em;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item.svelte-17cmzfy::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px;
  transition: 0.25s all ease;
}
div.farmstore-container-main.svelte-17cmzfy
  div.list-item-container
  div.wrapper-list-item.svelte-17cmzfy::-webkit-scrollbar-track {
  background-color: #badbff;
  margin-block: 5px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container.svelte-17cmzfy {
  grid-column: 1/2;
  grid-row: 2/3;
  position: relative;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor.svelte-17cmzfy {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0 auto;
  padding: 10px 0;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item.svelte-17cmzfy {
  width: 50%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  border: 2px solid #10509f;
  border-radius: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item
  img.item.svelte-17cmzfy {
  width: 65%;
  position: absolute;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-item
  img.bg-item.svelte-17cmzfy {
  width: 100%;
  height: 100%;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor.svelte-17cmzfy {
  width: 90%;
  height: 50%;
  margin: 0 auto;
  padding: 5px;
  background-color: #fff;
  border: 2px solid #10509f;
  border-radius: 15px;
  overflow: hidden;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor
  p.svelte-17cmzfy {
  color: #1b65f2;
  margin-bottom: 8px;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.wrapper-infor
  p
  .title.svelte-17cmzfy {
  font-weight: 700;
}
div.farmstore-container-main.svelte-17cmzfy
  div.item-infor-container
  div.wrapper-item-infor
  div.actions-container.svelte-17cmzfy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}
@media only screen and (max-width: 1399px) {
  div.filter-panel.svelte-17cmzfy div.list-item-icon.svelte-17cmzfy {
    height: 250px;
  }
  div.filter-panel.svelte-17cmzfy
    div.list-item-icon
    .filter-button-wrapper
    .filter-button.svelte-17cmzfy {
    font-size: 16px !important;
  }
  div.filter-panel.svelte-17cmzfy
    div.list-item-icon
    .filter-button-wrapper
    .filter-button
    .filter-icon
    img.svelte-17cmzfy {
    height: 25px;
  }
  div.filter-panel.svelte-17cmzfy
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-17cmzfy {
    font-size: 16px;
  }
  div.filter-panel.svelte-17cmzfy
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-17cmzfy {
    height: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  div.farmstore-container-main.svelte-17cmzfy.svelte-17cmzfy {
    grid-template-columns: 30% 70%;
    grid-template-rows: 15% 85%;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon.svelte-17cmzfy {
    height: 25px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button.svelte-17cmzfy {
    font-size: 14px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button
    .filter-icon
    img.svelte-17cmzfy {
    height: 25px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-17cmzfy {
    font-size: 14px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-17cmzfy {
    height: 25px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.wrapper-close-icon
    p.close-icon.svelte-17cmzfy {
    position: absolute;
    right: 2px;
    top: -10px;
    font-size: 30px;
    line-height: 25px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.wrapper-close-icon
    p.close-icon
    img.svelte-17cmzfy {
    width: 30px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.list-item-container
    div.wrapper-list-item
    div.list-item.svelte-17cmzfy {
    padding: 0 5px 10px 10px;
    gap: 5px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.list-item-container
    div.wrapper-list-item
    div.list-item
    div.item.svelte-17cmzfy {
    width: 60px;
    height: 60px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container.svelte-17cmzfy {
    grid-column: 1/2;
    grid-row: 2/3;
    position: relative;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item.svelte-17cmzfy {
    width: 90%;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item
    img.item.svelte-17cmzfy {
    width: 75%;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor.svelte-17cmzfy {
    padding: 5px;
    overflow: auto;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor
    p.svelte-17cmzfy {
    font-size: 13px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.actions-container.svelte-17cmzfy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  div.farmstore-container-main.svelte-17cmzfy.svelte-17cmzfy {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px;
    grid-template-columns: 30% calc(70% - 20px);
    grid-template-rows: 60px 40px 200px auto;
    row-gap: 3px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.farmstore-logo.svelte-17cmzfy {
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
    height: 50px;
    padding-top: 10px;
    justify-content: flex-start;
    padding-left: 20px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.wrapper-close-icon.svelte-17cmzfy {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.wrapper-close-icon
    p.close-icon.svelte-17cmzfy {
    right: -20px;
    top: 0;
  }
  div.farmstore-container-main.svelte-17cmzfy div.filter-panel.svelte-17cmzfy {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
    padding: 5px;
    margin-bottom: 5px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon.svelte-17cmzfy {
    height: 20px;
    column-gap: 8px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button.svelte-17cmzfy {
    font-size: 12px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .filter-button-wrapper
    .filter-button
    .filter-icon
    img.svelte-17cmzfy {
    height: 20px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-17cmzfy {
    font-size: 12px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.filter-panel
    div.list-item-icon
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-17cmzfy {
    height: 20px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.list-item-container.svelte-17cmzfy {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
    padding: 2px;
    margin: 2px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.list-item-container
    div.wrapper-list-item.svelte-17cmzfy {
    padding: 10px;
    height: 100%;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.list-item-container
    div.wrapper-list-item
    div.list-item.svelte-17cmzfy {
    max-width: 420px;
    overflow-y: auto;
    padding: 10px 5px 10px 10px;
    flex-wrap: wrap;
    gap: 10px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.list-item-container
    div.wrapper-list-item
    div.list-item
    div.item.svelte-17cmzfy {
    border-radius: 8px;
    padding: 5px 0;
    width: 70px;
    height: 70px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container.svelte-17cmzfy {
    grid-column: 1 / span 2;
    grid-row: 5 / span 1;
    padding: 2px;
    margin-bottom: 10px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor.svelte-17cmzfy {
    row-gap: 8px;
    height: 100%;
    max-height: 100%;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-item.svelte-17cmzfy {
    width: auto;
    height: 90px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    div.wrapper-infor
    p.svelte-17cmzfy {
    font-size: 15px;
  }
  div.farmstore-container-main.svelte-17cmzfy
    div.item-infor-container
    div.wrapper-item-infor
    .short-button.svelte-17cmzfy {
    font-size: 8px;
  }
}
.underline-text.svelte-10juik0.svelte-10juik0 {
  text-decoration: underline;
}
.button-withdraw.svelte-10juik0.svelte-10juik0 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  border-radius: 10px;
  background: #e0e0e0;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  transition: 0.2s;
}
.button-withdraw.svelte-10juik0.svelte-10juik0:hover:not(.disabled) {
  transform: scale(1.02) translateY(3px);
}
.button-deposit.svelte-10juik0.svelte-10juik0 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  border-radius: 10px;
  background: #f1de2e;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  transition: 0.2s;
}
.button-deposit.svelte-10juik0.svelte-10juik0:hover:not(.disabled) {
  transform: scale(1.02) translateY(3px);
}
.atm-wrapper.svelte-10juik0.svelte-10juik0 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.atm-container-main.svelte-10juik0.svelte-10juik0 {
  pointer-events: auto;
  width: min(1200px, 100%);
  height: auto !important;
  max-height: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding: 11px 25px 25px;
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: auto auto;
  row-gap: 12px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
}
div.atm-container-main.svelte-10juik0 div.atm-logo.svelte-10juik0 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.atm-container-main.svelte-10juik0
  div.atm-logo
  img.atm-logo-title.svelte-10juik0 {
  display: block;
  height: 100%;
  max-height: 80px;
}
div.atm-container-main.svelte-10juik0 div.tab-panel.svelte-10juik0 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
div.atm-container-main.svelte-10juik0
  div.tab-panel
  div.atm-table-icon.svelte-10juik0 {
  margin-left: 10px;
  width: 100%;
  display: grid;
  grid-template-columns: 80% 20%;
}
div.atm-container-main.svelte-10juik0
  div.tab-panel
  div.atm-table-icon
  .tab-button-wrapper.svelte-10juik0 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 22px;
}
div.atm-container-main.svelte-10juik0
  div.tab-panel
  div.atm-table-icon
  .tab-button-wrapper
  .tab-button.svelte-10juik0 {
  padding: 4px;
  border: 2px solid #10509f;
  background-color: #badbff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  border-radius: 10px;
  font-size: 24px;
}
div.atm-container-main.svelte-10juik0
  div.tab-panel
  div.atm-table-icon
  .tab-button-wrapper
  .tab-button
  .tab-icon.svelte-10juik0 {
  display: flex;
  flex-direction: row;
  gap: 21px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-weight: 700;
}
div.atm-container-main.svelte-10juik0
  div.tab-panel
  div.atm-table-icon
  .tab-button-wrapper
  .tab-button
  .tab-icon
  img.svelte-10juik0 {
  display: block;
  max-width: 100%;
  height: 40px;
}
div.atm-container-main.svelte-10juik0
  div.tab-panel
  div.atm-table-icon
  .tab-button-wrapper
  .tab-button
  .filtered.svelte-10juik0 {
  background-color: #fff;
}
div.atm-container-main.svelte-10juik0 div.wrapper-close-icon.svelte-10juik0 {
  grid-column: 3/4;
  grid-row: 1/2;
  position: relative;
}
div.atm-container-main.svelte-10juik0
  div.wrapper-close-icon
  div.preview.svelte-10juik0 {
  width: 50px;
  height: 50px;
  z-index: -10000000;
}
div.atm-container-main.svelte-10juik0
  div.wrapper-close-icon
  p.close-icon.svelte-10juik0 {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
div.atm-container-main.svelte-10juik0
  div.wrapper-close-icon
  p.close-icon
  img.svelte-10juik0 {
  width: 40px;
  height: auto;
}
div.atm-container-main.svelte-10juik0
  div.wrapper-close-icon
  p.close-icon
  img.svelte-10juik0:hover {
  transform: scale(1.1);
}
div.atm-container-main.svelte-10juik0 div.bank-infor-container.svelte-10juik0 {
  grid-column: 1/2;
  grid-row: 2/3;
  position: relative;
  display: none;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor.svelte-10juik0 {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 0 auto;
  padding: 8px;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor.svelte-10juik0 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  border: none;
  padding: 10px;
  border-radius: 15px;
  overflow: hidden;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor.svelte-10juik0 {
  color: #10509f;
  line-height: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .balance-title.svelte-10juik0 {
  font-weight: 700;
  font-size: 1.5rem;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .wallet-address.svelte-10juik0 {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  width: 100%;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .wallet-address
  .elips.svelte-10juik0 {
  font-size: 1rem;
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  width: 100%;
  max-width: calc(100% - 60px);
  overflow: hidden;
  text-overflow: ellipsis;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .usd-estimate.svelte-10juik0 {
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  gap: 3px;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .usd-estimate
  .unit.svelte-10juik0 {
  font-size: 1.5rem;
  margin-top: 0.2rem;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .btc-estimate.svelte-10juik0 {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  text-overflow: ellipsis;
}
div.atm-container-main.svelte-10juik0
  div.bank-infor-container
  div.wrapper-bank-infor
  div.wrapper-infor
  .bank-infor
  .btc-estimate
  img.svelte-10juik0 {
  width: 30px;
}
div.atm-container-main.svelte-10juik0 div.atm-table-container.svelte-10juik0 {
  grid-column: 1/3;
  grid-row: 2/3;
  position: relative;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table.svelte-10juik0 {
  position: relative;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  margin: 0 auto;
  padding: 8px;
  min-height: 420px;
  height: 100%;
  max-height: 454px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table.svelte-10juik0 {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: #fff;
  overflow: auto;
  padding: 10px 20px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.svelte-10juik0 {
  color: #10509f;
  font-weight: 700;
  width: 100%;
  border-spacing: 10px 0;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  thead.svelte-10juik0 {
  margin-top: 10px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  tbody.svelte-10juik0:before {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  tr.svelte-10juik0 {
  vertical-align: middle;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  tr.svelte-10juik0:hover {
  background-color: #badbff;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td.svelte-10juik0 {
  text-align: left;
  font-size: 20px;
  width: 29%;
  padding: 10px 0;
  height: 60px;
  vertical-align: inherit;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .content.svelte-10juik0 {
  min-height: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  padding-left: 5px;
  height: 100%;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .content
  img.svelte-10juik0 {
  width: 50px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .content
  .name-container.svelte-10juik0 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .content
  .name-container
  .name.svelte-10juik0 {
  color: #36479b;
  font-family: Manrope;
  font-size: 24px;
  font-weight: 700;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .content
  .name-container
  .full-name.svelte-10juik0 {
  color: #36479b80;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .amount.svelte-10juik0 {
  font-size: 24px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td
  .content-action.svelte-10juik0 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 8px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  td.col-acount.svelte-10juik0 {
  width: 42%;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table
  tr.svelte-10juik0:not(:last-child) {
  border-bottom: 1px solid #10509f;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.asset.svelte-10juik0 {
  margin-bottom: 50px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .content.svelte-10juik0 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .prefix.svelte-10juik0 {
  align-items: flex-start;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .prefix
  .coin.svelte-10juik0 {
  font-size: 24px;
  font-weight: 700;
  color: #36479b;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .prefix
  .date.svelte-10juik0 {
  color: #36479b80;
  font-size: 18px;
  font-weight: 700;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .suffix.svelte-10juik0 {
  align-items: flex-end;
  padding-right: 8px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .suffix
  .status.svelte-10juik0 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  table.history
  td
  .suffix
  .status
  .circle.svelte-10juik0 {
  border: 5px solid black;
  border-radius: 50%;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  .balance-sticker.svelte-10juik0 {
  position: absolute;
  bottom: 20px;
  height: 50px;
  border: 2px solid #36479b;
  border-radius: 15px;
  background: #fff;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 27px 5px 5px;
  color: #36479b;
  font-size: 22px;
}
div.atm-container-main.svelte-10juik0
  div.atm-table-container
  div.wrapper-atm-table
  .atm-table
  .balance-sticker
  .icon
  img.svelte-10juik0 {
  display: block;
  max-width: 100%;
  height: 40px;
}
@media only screen and (orientation: portrait) and (max-width: 1399px) {
  .button-withdraw.svelte-10juik0.svelte-10juik0,
  .button-deposit.svelte-10juik0.svelte-10juik0 {
    font-size: 12px;
    width: 60px;
    height: 28px;
    border-radius: 5px;
  }
  .atm-wrapper.svelte-10juik0.svelte-10juik0 {
    height: 100%;
    width: 100%;
  }
  div.atm-container-main.svelte-10juik0.svelte-10juik0 {
    grid-template-rows: auto auto auto;
    padding: 5px 8px 11px;
  }
  div.atm-container-main.svelte-10juik0 div.atm-logo.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
    height: auto;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-logo
    img.atm-logo-title.svelte-10juik0 {
    max-height: 60px;
  }
  div.atm-container-main.svelte-10juik0 div.tab-panel.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
    margin: 0;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon.svelte-10juik0 {
    margin: 0;
    display: grid;
    grid-template-columns: 100%;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper.svelte-10juik0 {
    column-gap: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button.svelte-10juik0 {
    padding: 2px;
    border-radius: 5px;
    font-size: 14px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon.svelte-10juik0 {
    height: 38px;
    gap: 8px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon
    img.svelte-10juik0 {
    height: 20px;
  }
  div.atm-container-main.svelte-10juik0 div.atm-table-container.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table.svelte-10juik0 {
    height: 288px;
    min-height: unset !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table.svelte-10juik0 {
    padding: 0 5px !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td.svelte-10juik0 {
    width: 33%;
    font-size: 12px;
    padding: 7px 0 !important;
    height: 60px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content.svelte-10juik0 {
    gap: 7px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    img.svelte-10juik0 {
    width: 30px !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    .name-container
    .name.svelte-10juik0 {
    font-size: 14px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    .name-container
    .full-name.svelte-10juik0,
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .amount.svelte-10juik0 {
    font-size: 12px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content-action.svelte-10juik0 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-right: 12px;
    gap: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .prefix
    .coin.svelte-10juik0 {
    font-size: 14px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .prefix
    .date.svelte-10juik0,
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .suffix
    .status.svelte-10juik0 {
    font-size: 12px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .suffix
    .status
    .circle.svelte-10juik0 {
    border: 4px solid black;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    .balance-sticker.svelte-10juik0 {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (max-width: 1199px) {
  div.atm-container-main.svelte-10juik0
    div.atm-logo
    img.atm-logo-title.svelte-10juik0 {
    max-height: 40px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon.svelte-10juik0 {
    margin: 0;
    display: grid;
    grid-template-columns: 100%;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper.svelte-10juik0 {
    column-gap: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button.svelte-10juik0 {
    padding: 2px;
    border-radius: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    f
    .tab-icon.svelte-10juik0 {
    font-size: 14px;
    height: 38px;
    gap: 8px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    f
    .tab-icon
    img.svelte-10juik0 {
    height: 20px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table.svelte-10juik0 {
    height: 500px;
    min-height: unset !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table.svelte-10juik0 {
    padding: 0 5px !important;
  }
}
@media only screen and (orientation: portrait) and (max-width: 991px) {
  .button-withdraw.svelte-10juik0.svelte-10juik0,
  .button-deposit.svelte-10juik0.svelte-10juik0 {
    font-size: 10px;
    width: 50px;
    height: 18px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-logo
    img.atm-logo-title.svelte-10juik0 {
    max-height: 40px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button.svelte-10juik0 {
    padding: 2px;
    border-radius: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon.svelte-10juik0 {
    font-size: 12px;
    height: 20px;
    gap: 6px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon
    img.svelte-10juik0 {
    height: 18px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table.svelte-10juik0 {
    height: 480px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td.svelte-10juik0 {
    font-size: 10px;
    height: 50px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    img.svelte-10juik0 {
    width: 28px !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    .name-container
    .name.svelte-10juik0 {
    font-size: 12px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    .name-container
    .full-name.svelte-10juik0,
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .amount.svelte-10juik0 {
    font-size: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content-action.svelte-10juik0 {
    padding-right: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .prefix
    .coin.svelte-10juik0 {
    font-size: 12px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .prefix
    .date.svelte-10juik0,
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .suffix
    .status.svelte-10juik0 {
    font-size: 10px;
  }
}
@media only screen and (orientation: portrait) and (max-width: 575px) {
  div.atm-container-main.svelte-10juik0 div.tab-panel.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
    margin: 0;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon.svelte-10juik0 {
    margin: 0;
    display: grid;
    grid-template-columns: 100%;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper.svelte-10juik0 {
    column-gap: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button.svelte-10juik0 {
    padding: 2px;
    border-radius: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon.svelte-10juik0 {
    font-size: 12px;
    height: 20px;
    gap: 6px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon
    img.svelte-10juik0 {
    height: 18px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table.svelte-10juik0 {
    height: 288px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .amount.svelte-10juik0 {
    font-size: 10px;
  }
}
@media only screen and (orientation: landscape) and (max-width: 1199px) {
  .button-withdraw.svelte-10juik0.svelte-10juik0,
  .button-deposit.svelte-10juik0.svelte-10juik0 {
    font-size: 10px;
    width: 50px;
    height: 18px;
  }
  div.atm-container-main.svelte-10juik0.svelte-10juik0 {
    grid-template-rows: auto auto auto;
    padding: 5px 8px 11px;
  }
  div.atm-container-main.svelte-10juik0 div.atm-logo.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 1 / span 1;
    height: auto;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-logo
    img.atm-logo-title.svelte-10juik0 {
    max-height: 40px;
  }
  div.atm-container-main.svelte-10juik0 div.tab-panel.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 2 / span 1;
    margin: 0;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon.svelte-10juik0 {
    margin: 0;
    display: grid;
    grid-template-columns: 100%;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper.svelte-10juik0 {
    column-gap: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button.svelte-10juik0 {
    padding: 2px;
    border-radius: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon.svelte-10juik0 {
    font-size: 12px;
    height: 20px;
    gap: 6px;
  }
  div.atm-container-main.svelte-10juik0
    div.tab-panel
    div.atm-table-icon
    .tab-button-wrapper
    .tab-button
    .tab-icon
    img.svelte-10juik0 {
    height: 18px;
  }
  div.atm-container-main.svelte-10juik0 div.atm-table-container.svelte-10juik0 {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table.svelte-10juik0 {
    height: 380px;
    min-height: unset !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td.svelte-10juik0 {
    width: 33%;
    font-size: 10px;
    padding: 7px 0 !important;
    height: 50px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content.svelte-10juik0 {
    gap: 7px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    img.svelte-10juik0 {
    width: 28px !important;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    .name-container
    .name.svelte-10juik0 {
    font-size: 12px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    .name-container
    .full-name.svelte-10juik0,
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .amount.svelte-10juik0 {
    font-size: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content-action.svelte-10juik0 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-right: 10px;
    gap: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .prefix
    .coin.svelte-10juik0 {
    font-size: 12px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .prefix
    .date.svelte-10juik0,
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .suffix
    .status.svelte-10juik0 {
    font-size: 10px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table.history
    td
    .suffix
    .status
    .circle.svelte-10juik0 {
    border: 4px solid black;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    .balance-sticker.svelte-10juik0 {
    display: none;
  }
}
@media only screen and (orientation: landscape) and (max-width: 991px) {
  .button-deposit.svelte-10juik0.svelte-10juik0 {
    font-size: 10px;
    width: 50px;
    height: 18px;
    border-radius: 5px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table.svelte-10juik0 {
    height: 230px;
  }
  div.atm-container-main.svelte-10juik0
    div.atm-table-container
    div.wrapper-atm-table
    .atm-table
    table
    td
    .content
    img.svelte-10juik0 {
    width: 24px !important;
  }
}
.ranking-global-wrapper.svelte-1y485sz.svelte-1y485sz {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ranking-wrapper.svelte-1y485sz.svelte-1y485sz {
  height: 608px;
  width: min(100%, 600px);
  max-width: 100%;
  position: relative;
  z-index: 9999;
}
.empty-slot.svelte-1y485sz.svelte-1y485sz {
  height: 70px;
}
p.close-icon.svelte-1y485sz.svelte-1y485sz {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1y485sz img.svelte-1y485sz {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-1y485sz img.svelte-1y485sz:hover {
  transform: scale(1.1);
}
div.ranking-container-main.svelte-1y485sz.svelte-1y485sz {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  padding-top: 10px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
}
div.ranking-container-main.svelte-1y485sz .filter-panel.svelte-1y485sz {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.ranking-container-main.svelte-1y485sz
  .filter-panel
  .time-utc.svelte-1y485sz {
  margin: 0 10px 5px 0;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px 10px;
}
div.ranking-container-main.svelte-1y485sz div.ranking-logo.svelte-1y485sz {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-logo
  img.ranking-logo-title.svelte-1y485sz {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container.svelte-1y485sz {
  position: relative;
  max-width: 100%;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table.svelte-1y485sz {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  max-height: 100%;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  margin: 0 auto;
  padding: 0;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .bg-white.svelte-1y485sz {
  background-color: #fff !important;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .self-rank
  td.svelte-1y485sz {
  padding: 0 !important;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table.svelte-1y485sz {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: #badbff;
  overflow: auto;
  padding: 0 20px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table.svelte-1y485sz {
  color: #10509f;
  font-weight: 700;
  width: 100%;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.svelte-1y485sz:nth-child(2) {
  min-width: 80px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.svelte-1y485sz:not(.ranking-num) {
  text-align: left;
  font-size: 18px;
  vertical-align: middle;
  height: 70px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td:not(.ranking-num)
  .content.svelte-1y485sz {
  min-height: 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td:not(.ranking-num)
  .content
  .user-name.svelte-1y485sz {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background-color: #525252cc;
  border-radius: 15px;
  height: 30px;
  padding: 8px;
  color: #fff;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td:not(.ranking-num)
  .content
  .verified.svelte-1y485sz {
  color: #84beff !important;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td:not(.ranking-num)
  .character-preview.svelte-1y485sz {
  position: relative;
  width: 100%;
  height: 100%;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td:not(.ranking-num)
  .character-preview
  img.svelte-1y485sz {
  position: absolute;
  height: 100%;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.svelte-1y485sz {
  padding: 3px 0;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.ranking-num.svelte-1y485sz {
  height: 60px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.self-ranking-num.svelte-1y485sz {
  height: 60px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 24px;
  gap: 5px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.self-ranking-num
  img.svelte-1y485sz {
  height: 40px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  td.self-ranking-num
  .you-text.svelte-1y485sz {
  font-size: 16px;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  tr.svelte-1y485sz:not(.pagination):not(.self-rank) {
  border-bottom: 1px solid #10509f;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  div.pagination.svelte-1y485sz {
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
div.ranking-container-main.svelte-1y485sz
  div.ranking-table-container
  div.wrapper-ranking-table
  .ranking-table
  table
  div.pagination
  img.svelte-1y485sz:hover {
  transform: scale(1.2);
}
@media only screen and (max-width: 575px) {
  p.close-icon.svelte-1y485sz.svelte-1y485sz {
    padding: 4px;
    right: 3px;
    top: 3px;
  }
  p.close-icon.svelte-1y485sz img.svelte-1y485sz {
    width: 25px;
  }
  .ranking-wrapper.svelte-1y485sz.svelte-1y485sz {
    height: 478px;
  }
  .empty-slot.svelte-1y485sz.svelte-1y485sz {
    height: 50px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table.svelte-1y485sz {
    padding: 0 5px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.svelte-1y485sz:nth-child(2) {
    min-width: 50px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.svelte-1y485sz:not(.ranking-num) {
    text-align: left;
    font-size: 11px;
    vertical-align: middle;
    height: 20px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td:not(.ranking-num)
    .content.svelte-1y485sz {
    min-height: 20px;
    gap: 5px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td:not(.ranking-num)
    .content
    .user-name.svelte-1y485sz {
    height: 20px;
    padding: 5px;
    color: #fff;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.ranking-num.svelte-1y485sz {
    height: 50px;
    width: 30px;
    font-size: 16px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.ranking-num
    img.svelte-1y485sz {
    width: 30px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.self-ranking-num.svelte-1y485sz {
    height: 40px;
    width: 30px;
    font-size: 16px;
    gap: 1px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.self-ranking-num
    img.svelte-1y485sz {
    height: 25px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.self-ranking-num
    .you-text.svelte-1y485sz {
    font-size: 10px;
  }
}
@media only screen and (max-height: 575px) {
  p.close-icon.svelte-1y485sz.svelte-1y485sz {
    padding: 4px;
    right: 3px;
    top: 3px;
  }
  p.close-icon.svelte-1y485sz img.svelte-1y485sz {
    width: 25px;
  }
  .ranking-wrapper.svelte-1y485sz.svelte-1y485sz {
    height: 328px;
  }
  div.ranking-container-main.svelte-1y485sz div.ranking-logo.svelte-1y485sz {
    margin-bottom: 10px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-logo
    img.ranking-logo-title.svelte-1y485sz {
    display: block;
    max-height: 30px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table.svelte-1y485sz:not(.self-rank) {
    height: 160px !important;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table.svelte-1y485sz {
    padding: 0 5px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.svelte-1y485sz:nth-child(2) {
    min-width: 50px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.svelte-1y485sz:not(.ranking-num) {
    text-align: left;
    font-size: 11px;
    vertical-align: middle;
    height: 40px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td:not(.ranking-num)
    .content.svelte-1y485sz {
    min-height: 20px;
    gap: 5px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td:not(.ranking-num)
    .content
    .user-name.svelte-1y485sz {
    height: 20px;
    padding: 5px;
    color: #fff;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.ranking-num.svelte-1y485sz {
    height: 40px;
    width: 30px;
    font-size: 16px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.ranking-num
    img.svelte-1y485sz {
    width: 30px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.self-ranking-num.svelte-1y485sz {
    height: 40px;
    width: 30px;
    font-size: 16px;
    gap: 2px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.self-ranking-num
    img.svelte-1y485sz {
    height: 25px;
  }
  div.ranking-container-main.svelte-1y485sz
    div.ranking-table-container
    div.wrapper-ranking-table
    .ranking-table
    table
    td.self-ranking-num
    .you-text.svelte-1y485sz {
    font-size: 10px;
  }
}
.chat-icon.svelte-1pbcjx1.svelte-1pbcjx1 {
  position: absolute;
  z-index: 1111;
  right: 2px;
  bottom: 0;
  display: flex;
  gap: 12px;
}
.chat-icon.svelte-1pbcjx1 img.svelte-1pbcjx1 {
  width: 50px;
  pointer-events: auto;
}
.chat-icon.svelte-1pbcjx1 img.svelte-1pbcjx1:hover {
  transform: scale(1.2);
}
aside.chatWindow.svelte-1pbcjx1.svelte-1pbcjx1 {
  z-index: 1112;
  pointer-events: auto;
  position: absolute;
  background-image: url(/assets/chat-background.5ec2c110.png);
  width: 100%;
  bottom: 0;
  right: 0;
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border-radius: 16px;
}
form.svelte-1pbcjx1.svelte-1pbcjx1 {
  display: flex;
  width: 100%;
}
form.svelte-1pbcjx1 input.svelte-1pbcjx1 {
  flex: auto;
  background-color: #f5f5f5;
  color: #000;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border: none;
  font-size: 22px;
  font-family: Manrope;
  padding-left: 12px;
  min-width: 0;
  outline: none;
}
form.svelte-1pbcjx1 button.svelte-1pbcjx1 {
  background-color: #f5f5f5;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  border: none;
  border-left: solid #ccc 1px;
  font-size: 16px;
}
@media only screen and (max-width: 575px) {
  .chat-icon.svelte-1pbcjx1 img.svelte-1pbcjx1 {
    width: 35px;
    pointer-events: auto;
  }
  aside.chatWindow.svelte-1pbcjx1.svelte-1pbcjx1 {
    padding: 6px;
  }
  form.svelte-1pbcjx1 input.svelte-1pbcjx1 {
    font-size: 16px;
  }
}
@media only screen and (max-height: 575px) {
  .chat-icon.svelte-1pbcjx1 img.svelte-1pbcjx1 {
    width: 35px;
    pointer-events: auto;
  }
  aside.chatWindow.svelte-1pbcjx1.svelte-1pbcjx1 {
    padding: 6px;
  }
  form.svelte-1pbcjx1 input.svelte-1pbcjx1 {
    font-size: 16px;
  }
}
.menuIcon.svelte-pumj5k.svelte-pumj5k {
  margin-top: 20px;
  margin-right: 26px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  z-index: 800;
  position: relative;
}
.menuIcon.svelte-pumj5k .select-area-button.svelte-pumj5k {
  padding: 5px;
  height: 55px;
  border-radius: 12px;
  background-color: #fff;
  border: 2px solid #d25f3f;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.menuIcon.svelte-pumj5k .island-info-button.svelte-pumj5k {
  padding: 5px;
  height: 55px;
  border-radius: 12px;
  background-color: #fff;
  border: 2px solid #d25f3f;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  pointer-events: auto;
}
.menuIcon.svelte-pumj5k
  .island-info-button
  .island-private-status.svelte-pumj5k {
  width: 16px;
  height: 16px;
  background: #ff0000;
  border-radius: 50%;
}
.menuIcon.svelte-pumj5k .island-info-button .status-green.svelte-pumj5k {
  background: #96de49 !important;
}
.menuIcon.svelte-pumj5k .island-info-button .island-name.svelte-pumj5k {
  color: #2f2f2f;
  font-size: 24px;
  font-weight: 700;
}
.menuIcon.svelte-pumj5k .island-limit.svelte-pumj5k {
  padding: 5px;
  border-radius: 10px;
  background-color: #fff;
  border: 2px solid #34ae38;
  color: #34ae38;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  pointer-events: auto;
}
.menuIcon.svelte-pumj5k .island-limit img.svelte-pumj5k {
  width: 40px;
}
.menuIcon.svelte-pumj5k .island-limit .island-limit-description.svelte-pumj5k {
  font-size: 18px;
  font-weight: 700;
}
.menuIcon.svelte-pumj5k .green.svelte-pumj5k {
  border: 2px solid #34ae38 !important;
  color: #34ae38 !important;
}
.menuIcon.svelte-pumj5k .yellow.svelte-pumj5k {
  border: 2px solid #cfaf3c !important;
  color: #cfaf3c !important;
}
.menuIcon.svelte-pumj5k .red.svelte-pumj5k {
  border: 2px solid rgba(218, 26, 26, 0.9411764706) !important;
  color: #da1a1af0 !important;
}
.menuIcon.svelte-pumj5k img.svelte-pumj5k {
  pointer-events: auto;
  max-height: 100%;
  padding-top: 0;
}
@media only screen and (max-width: 991px) {
  .menuIcon.svelte-pumj5k.svelte-pumj5k {
    margin-top: 15px;
    margin-right: 18px;
  }
  .menuIcon.svelte-pumj5k .select-area-button.svelte-pumj5k,
  .menuIcon.svelte-pumj5k .island-info-button.svelte-pumj5k {
    height: 45px;
  }
  .menuIcon.svelte-pumj5k .island-info-button .island-name.svelte-pumj5k {
    font-size: 18px;
  }
  .menuIcon.svelte-pumj5k .island-limit img.svelte-pumj5k {
    width: 30px;
  }
  .menuIcon.svelte-pumj5k
    .island-limit
    .island-limit-description.svelte-pumj5k {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .menuIcon.svelte-pumj5k.svelte-pumj5k {
    margin-top: 8px;
    margin-right: 8px;
    gap: 5px;
  }
  .menuIcon.svelte-pumj5k .select-area-button.svelte-pumj5k,
  .menuIcon.svelte-pumj5k .island-info-button.svelte-pumj5k {
    height: 30px;
    border-radius: 8px;
  }
  .menuIcon.svelte-pumj5k
    .island-info-button
    .island-private-status.svelte-pumj5k {
    width: 12px;
    height: 12px;
  }
  .menuIcon.svelte-pumj5k .island-info-button .island-name.svelte-pumj5k {
    font-size: 14px;
  }
  .menuIcon.svelte-pumj5k .island-limit img.svelte-pumj5k {
    width: 25px;
  }
  .menuIcon.svelte-pumj5k
    .island-limit
    .island-limit-description.svelte-pumj5k {
    font-size: 12px;
  }
}
@media only screen and (max-height: 575px) {
  .menuIcon.svelte-pumj5k.svelte-pumj5k {
    margin-top: 8px;
    margin-right: 8px;
    gap: 5px;
  }
  .menuIcon.svelte-pumj5k .select-area-button.svelte-pumj5k,
  .menuIcon.svelte-pumj5k .island-info-button.svelte-pumj5k {
    height: 30px;
    border-radius: 8px;
  }
  .menuIcon.svelte-pumj5k
    .island-info-button
    .island-private-status.svelte-pumj5k {
    width: 12px;
    height: 12px;
  }
  .menuIcon.svelte-pumj5k .island-info-button .island-name.svelte-pumj5k {
    font-size: 14px;
  }
  .menuIcon.svelte-pumj5k .island-limit img.svelte-pumj5k {
    width: 25px;
  }
  .menuIcon.svelte-pumj5k
    .island-limit
    .island-limit-description.svelte-pumj5k {
    font-size: 12px;
  }
}
.daily-task-global-wrapper.svelte-1fvgju.svelte-1fvgju {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.short-button.svelte-1fvgju.svelte-1fvgju {
  background-size: contain !important;
  color: #f5f5f5;
  font-weight: 700;
  font-size: 14px;
  height: 34px;
  padding-bottom: 2px;
  width: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-grey-short.svelte-1fvgju.svelte-1fvgju:hover {
  transform: scale(1);
}
.daily-task-wrapper.svelte-1fvgju.svelte-1fvgju {
  height: 530px;
  width: min(100%, 800px);
  max-width: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-1fvgju.svelte-1fvgju {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1fvgju img.svelte-1fvgju {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-1fvgju img.svelte-1fvgju:hover {
  transform: scale(1.1);
}
div.daily-task-container-main.svelte-1fvgju.svelte-1fvgju {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  padding-top: 10px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
}
div.daily-task-container-main.svelte-1fvgju .filter-panel.svelte-1fvgju {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.daily-task-container-main.svelte-1fvgju
  .filter-panel
  .time-utc.svelte-1fvgju {
  margin: 0 10px 5px 0;
  background-color: #fff;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px 10px;
}
div.daily-task-container-main.svelte-1fvgju div.daily-task-logo.svelte-1fvgju {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-logo
  img.daily-task-logo-title.svelte-1fvgju {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container.svelte-1fvgju {
  position: relative;
  max-width: 100%;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table.svelte-1fvgju {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  max-height: 100%;
  background-color: #badbff;
  border: 2px solid #10509f;
  border-radius: 15px;
  margin: 0 auto;
  padding: 0;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table.svelte-1fvgju {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: #badbff;
  overflow: auto;
  padding: 0 20px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table.svelte-1fvgju {
  color: #10509f;
  font-weight: 700;
  width: 100%;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  tr.svelte-1fvgju {
  padding: 0 20px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  td.svelte-1fvgju {
  padding: 20px 5px;
  white-space: nowrap;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  .name.svelte-1fvgju {
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 10px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  .name
  img.svelte-1fvgju {
  height: 30px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  .name
  .submit-tw-btn.svelte-1fvgju {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background: #02bafa;
  padding: 8px;
  font-size: 12px;
  color: #fff;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  .reward.svelte-1fvgju {
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
div.daily-task-container-main.svelte-1fvgju
  div.daily-task-table-container
  div.wrapper-daily-task-table
  .daily-task-table
  table
  .reward
  img.svelte-1fvgju {
  height: 30px;
}
@media only screen and (max-width: 767px) {
  p.close-icon.svelte-1fvgju.svelte-1fvgju {
    padding: 4px;
    right: 3px;
    top: 3px;
  }
  p.close-icon.svelte-1fvgju img.svelte-1fvgju {
    width: 25px;
  }
  .short-button.svelte-1fvgju.svelte-1fvgju {
    font-size: 12px;
    height: 30px;
    padding-bottom: 2px;
    width: 60px;
  }
  .daily-task-wrapper.svelte-1fvgju.svelte-1fvgju {
    height: 372px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table.svelte-1fvgju {
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    tr.svelte-1fvgju {
    padding: 0 10px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    td.svelte-1fvgju {
    padding: 10px 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name.svelte-1fvgju {
    font-size: 14px;
    gap: 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name
    img.svelte-1fvgju {
    height: 15px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name
    .submit-tw-btn.svelte-1fvgju {
    border-radius: 25px;
    padding: 6px;
    font-size: 11px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .reward.svelte-1fvgju {
    font-size: 12px;
    gap: 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .reward
    img.svelte-1fvgju {
    height: 15px;
  }
}
@media only screen and (max-width: 575px) {
  p.close-icon.svelte-1fvgju.svelte-1fvgju {
    padding: 4px;
    right: 3px;
    top: 3px;
  }
  p.close-icon.svelte-1fvgju img.svelte-1fvgju {
    width: 25px;
  }
  .short-button.svelte-1fvgju.svelte-1fvgju {
    background-size: contain !important;
    color: #f5f5f5;
    font-weight: 700;
    font-size: 10px;
    height: 22px;
    padding-bottom: 2px;
    width: 44px;
  }
  .daily-task-wrapper.svelte-1fvgju.svelte-1fvgju {
    height: 336px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table.svelte-1fvgju {
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    tr.svelte-1fvgju {
    padding: 0 10px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    td.svelte-1fvgju {
    padding: 10px 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name.svelte-1fvgju {
    font-size: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name
    img.svelte-1fvgju {
    height: 15px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name
    .submit-tw-btn.svelte-1fvgju {
    border-radius: 25px;
    padding: 5px;
    font-size: 9px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .reward.svelte-1fvgju {
    font-size: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .reward
    img.svelte-1fvgju {
    height: 15px;
  }
}
@media only screen and (max-height: 575px) {
  p.close-icon.svelte-1fvgju.svelte-1fvgju {
    padding: 4px;
    right: 3px;
    top: 3px;
  }
  p.close-icon.svelte-1fvgju img.svelte-1fvgju {
    width: 25px;
  }
  .short-button.svelte-1fvgju.svelte-1fvgju {
    background-size: contain !important;
    color: #f5f5f5;
    font-weight: 700;
    font-size: 10px;
    height: 22px;
    padding-bottom: 2px;
    width: 44px;
  }
  .daily-task-wrapper.svelte-1fvgju.svelte-1fvgju {
    width: min(100%, 500px);
    height: 336px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table.svelte-1fvgju {
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    tr.svelte-1fvgju {
    padding: 0 10px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    td.svelte-1fvgju {
    padding: 10px 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name.svelte-1fvgju {
    font-size: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name
    img.svelte-1fvgju {
    height: 15px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .name
    .submit-tw-btn.svelte-1fvgju {
    border-radius: 25px;
    padding: 5px;
    font-size: 9px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .reward.svelte-1fvgju {
    font-size: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
  }
  div.daily-task-container-main.svelte-1fvgju
    div.daily-task-table-container
    div.wrapper-daily-task-table
    .daily-task-table
    table
    .reward
    img.svelte-1fvgju {
    height: 15px;
  }
}
.user-info-container.svelte-7p3jpf.svelte-7p3jpf {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  color: #7b7979;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.user-info-container.svelte-7p3jpf .profile-img-and-balance.svelte-7p3jpf {
  position: relative;
  min-height: 130px;
  min-width: 130px;
}
.user-info-container.svelte-7p3jpf
  .profile-img-and-balance
  img.profile-img.svelte-7p3jpf {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #cecece;
}
.user-info-container.svelte-7p3jpf
  .profile-img-and-balance
  .balance.svelte-7p3jpf {
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%);
  width: 77px;
  height: 32px;
  background-color: #02bafa;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 50px;
}
.user-info-container.svelte-7p3jpf .user-name.svelte-7p3jpf {
  margin-top: 25px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.user-info-container.svelte-7p3jpf .user-status.svelte-7p3jpf {
  margin-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
}
.user-info-container.svelte-7p3jpf .user-status .online-status.svelte-7p3jpf {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.user-info-container.svelte-7p3jpf
  .user-status
  .online-status
  .status.svelte-7p3jpf {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.user-info-container.svelte-7p3jpf
  .user-status
  .online-status
  .green.svelte-7p3jpf {
  background-color: #44d737;
}
.user-info-container.svelte-7p3jpf .row-twitter.svelte-7p3jpf {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.user-info-container.svelte-7p3jpf .row-twitter .rank.svelte-7p3jpf {
  background-color: #d9d9d9;
  border-radius: 10px;
  width: 82px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-info-container.svelte-7p3jpf .row-twitter img.svelte-7p3jpf {
  width: 34px;
}
.user-info-container.svelte-7p3jpf .row-twitter .btn-edit-bio.svelte-7p3jpf {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: #fff;
  width: 68px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-info-container.svelte-7p3jpf .row-holder-holding.svelte-7p3jpf {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 35px;
  text-decoration-line: underline;
}
@media only screen and (max-width: 575px) {
  .user-info-container.svelte-7p3jpf.svelte-7p3jpf {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .user-info-container.svelte-7p3jpf .profile-img-and-balance.svelte-7p3jpf {
    position: relative;
    margin-top: 10px;
    min-height: 73px;
    min-width: 73px;
  }
  .user-info-container.svelte-7p3jpf
    .profile-img-and-balance
    img.profile-img.svelte-7p3jpf {
    width: 73px;
    height: 73px;
    padding: 3px;
  }
  .user-info-container.svelte-7p3jpf
    .profile-img-and-balance
    .balance.svelte-7p3jpf {
    bottom: -5px;
    width: 43px;
    height: 18px;
    background-color: #02bafa;
    gap: 3px;
    font-size: 9px;
  }
  .user-info-container.svelte-7p3jpf
    .profile-img-and-balance
    .balance
    img.svelte-7p3jpf {
    height: 12px;
  }
  .user-info-container.svelte-7p3jpf .user-name.svelte-7p3jpf {
    margin-top: 6px;
    font-size: 12px;
  }
  .user-info-container.svelte-7p3jpf .user-status.svelte-7p3jpf {
    margin-top: 2px;
    gap: 13px;
  }
  .user-info-container.svelte-7p3jpf .user-status .online-status.svelte-7p3jpf {
    gap: 5px;
  }
  .user-info-container.svelte-7p3jpf
    .user-status
    .online-status
    .status.svelte-7p3jpf {
    width: 5px;
    height: 5px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter.svelte-7p3jpf {
    margin-top: 7px;
    gap: 8px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter .rank.svelte-7p3jpf {
    width: 50px;
    height: 18 px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter img.svelte-7p3jpf {
    width: 19px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter .btn-edit-bio.svelte-7p3jpf {
    width: 45px;
    height: 18px;
  }
  .user-info-container.svelte-7p3jpf .row-holder-holding.svelte-7p3jpf {
    margin-top: 6px;
    gap: 43px;
  }
}
@media only screen and (max-height: 575px) {
  .user-info-container.svelte-7p3jpf.svelte-7p3jpf {
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .user-info-container.svelte-7p3jpf .profile-img-and-balance.svelte-7p3jpf {
    position: relative;
    margin-top: 7px;
    min-height: 44px;
    min-width: 44px;
  }
  .user-info-container.svelte-7p3jpf
    .profile-img-and-balance
    img.profile-img.svelte-7p3jpf {
    width: 44px;
    height: 44px;
    padding: 1px;
  }
  .user-info-container.svelte-7p3jpf
    .profile-img-and-balance
    .balance.svelte-7p3jpf {
    bottom: -5px;
    width: 30px;
    height: 14px;
    background-color: #02bafa;
    gap: 3px;
    font-size: 8px;
  }
  .user-info-container.svelte-7p3jpf
    .profile-img-and-balance
    .balance
    img.svelte-7p3jpf {
    height: 8px;
  }
  .user-info-container.svelte-7p3jpf .user-name.svelte-7p3jpf {
    margin-top: 5px;
    font-size: 10px;
  }
  .user-info-container.svelte-7p3jpf .user-status.svelte-7p3jpf {
    margin-top: 1px;
    gap: 13px;
  }
  .user-info-container.svelte-7p3jpf .user-status .online-status.svelte-7p3jpf {
    gap: 5px;
  }
  .user-info-container.svelte-7p3jpf
    .user-status
    .online-status
    .status.svelte-7p3jpf {
    width: 5px;
    height: 5px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter.svelte-7p3jpf {
    margin-top: 3px;
    gap: 6px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter .rank.svelte-7p3jpf {
    width: 46px;
    height: 15px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter img.svelte-7p3jpf {
    width: 19px;
  }
  .user-info-container.svelte-7p3jpf .row-twitter .btn-edit-bio.svelte-7p3jpf {
    width: 38px;
    height: 15px;
  }
  .user-info-container.svelte-7p3jpf .row-holder-holding.svelte-7p3jpf {
    margin-top: 3px;
    gap: 35px;
  }
}
.container-main.svelte-6smwii.svelte-6smwii {
  width: 100%;
  height: 100%;
  padding-top: 10px;
}
.container-main.svelte-6smwii .section-introduce.svelte-6smwii {
  padding: 24px;
  margin: 58px 43px 0;
  border-radius: 25px;
  border: 1px solid rgba(194, 191, 191, 0.8);
  background: #fff;
  box-shadow: 0 4px 4px #00000040;
}
.container-main.svelte-6smwii .section-introduce p.svelte-6smwii {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.container-main.svelte-6smwii
  .section-introduce
  .btn-buy-wrapper.svelte-6smwii {
  margin-top: 26px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-6smwii
  .section-introduce
  .btn-buy-wrapper
  .btn-buy.svelte-6smwii {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 55px;
  border-radius: 40px;
  border: 1px solid #fff;
  background: linear-gradient(
    270deg,
    #ffbc09 0.41%,
    rgba(255, 188, 9, 0.99) 0.42%,
    #ffbc09 0.43%,
    #ffcb0c 0.44%,
    #ff9810 100.04%
  );
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-6smwii .section-introduce.svelte-6smwii {
    padding: 24px 12px;
    margin: 58px 14px 0;
  }
  .container-main.svelte-6smwii .section-introduce p.svelte-6smwii {
    font-size: 14px;
  }
  .container-main.svelte-6smwii
    .section-introduce
    .btn-buy-wrapper.svelte-6smwii {
    margin-top: 26px;
  }
  .container-main.svelte-6smwii
    .section-introduce
    .btn-buy-wrapper
    .btn-buy.svelte-6smwii {
    width: 102px;
    height: 46px;
    font-size: 16px;
  }
}
@media only screen and (max-height: 700px) {
  .container-main.svelte-6smwii.svelte-6smwii {
    padding-top: 6px;
  }
  .container-main.svelte-6smwii .section-introduce.svelte-6smwii {
    padding: 11px 12px;
    margin: 16px 14px 0;
  }
  .container-main.svelte-6smwii .section-introduce p.svelte-6smwii {
    font-size: 10px;
  }
  .container-main.svelte-6smwii
    .section-introduce
    .btn-buy-wrapper.svelte-6smwii {
    margin-top: 5px;
  }
  .container-main.svelte-6smwii
    .section-introduce
    .btn-buy-wrapper
    .btn-buy.svelte-6smwii {
    width: 70px;
    height: 28px;
    font-size: 12px;
  }
}
.container-main.svelte-rb0lci.svelte-rb0lci {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-rb0lci .no-key.svelte-rb0lci {
  width: 100%;
  height: 200px;
  border-radius: 25px;
  border: 1px solid rgba(194, 191, 191, 0.8);
  background: #fff;
  box-shadow: 0 4px 4px #00000040;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.container-main.svelte-rb0lci .no-key img.svelte-rb0lci {
  width: 40px;
}
.container-main.svelte-rb0lci .no-key p.svelte-rb0lci {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-rb0lci .no-key.svelte-rb0lci {
    height: 120px;
  }
  .container-main.svelte-rb0lci .no-key img.svelte-rb0lci {
    width: 25px;
  }
  .container-main.svelte-rb0lci .no-key p.svelte-rb0lci {
    font-size: 14px;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-rb0lci .no-key.svelte-rb0lci {
    border-radius: 13px;
    height: 60px;
  }
  .container-main.svelte-rb0lci .no-key img.svelte-rb0lci {
    width: 25px;
  }
  .container-main.svelte-rb0lci .no-key p.svelte-rb0lci {
    font-size: 14px;
  }
}
.list-tx.svelte-r1afpw.svelte-r1afpw {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.list-tx.svelte-r1afpw .tx.svelte-r1afpw {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 13px;
}
.list-tx.svelte-r1afpw .tx .profile-img.svelte-r1afpw {
  position: relative;
  display: flex;
}
.list-tx.svelte-r1afpw .tx .profile-img img.svelte-r1afpw {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.list-tx.svelte-r1afpw .tx .profile-img .user1.svelte-r1afpw {
  z-index: 2;
  position: relative;
}
.list-tx.svelte-r1afpw .tx .profile-img .user2.svelte-r1afpw {
  z-index: 1;
  position: relative;
  margin-left: -8px;
}
.list-tx.svelte-r1afpw .tx .tx-info.svelte-r1afpw {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.list-tx.svelte-r1afpw .tx .tx-info .tx-description.svelte-r1afpw {
  font-weight: 400;
}
.list-tx.svelte-r1afpw .tx .tx-info .tx-description .user-name.svelte-r1afpw {
  font-weight: 600;
}
.list-tx.svelte-r1afpw .tx .tx-info .value-and-time .value.svelte-r1afpw {
  color: #2dad00;
  font-weight: 600;
}
.list-tx.svelte-r1afpw .tx .tx-info .value-and-time .isSell.svelte-r1afpw {
  color: #e43535 !important;
}
.list-tx.svelte-r1afpw .tx .tx-info .value-and-time .time.svelte-r1afpw {
  font-weight: 400;
}
@media only screen and (max-width: 575px) {
  .list-tx.svelte-r1afpw.svelte-r1afpw {
    gap: 11px;
  }
  .list-tx.svelte-r1afpw .tx.svelte-r1afpw {
    gap: 7px;
  }
  .list-tx.svelte-r1afpw .tx .profile-img img.svelte-r1afpw {
    width: 28px;
    height: 28px;
  }
  .list-tx.svelte-r1afpw .tx .profile-img .user2.svelte-r1afpw {
    margin-left: -5px;
  }
  .list-tx.svelte-r1afpw .tx .tx-info.svelte-r1afpw {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .tx-description.svelte-r1afpw {
    font-size: 9px;
    font-weight: 400;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .tx-description .user-name.svelte-r1afpw {
    font-weight: 600;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time.svelte-r1afpw {
    font-size: 8px;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time .value.svelte-r1afpw {
    color: #2dad00;
    font-weight: 600;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time .isSell.svelte-r1afpw {
    color: #e43535 !important;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time .time.svelte-r1afpw {
    font-weight: 400;
  }
}
@media only screen and (max-height: 575px) {
  .list-tx.svelte-r1afpw.svelte-r1afpw {
    gap: 11px;
  }
  .list-tx.svelte-r1afpw .tx.svelte-r1afpw {
    gap: 7px;
  }
  .list-tx.svelte-r1afpw .tx .profile-img img.svelte-r1afpw {
    width: 28px;
    height: 28px;
  }
  .list-tx.svelte-r1afpw .tx .profile-img .user2.svelte-r1afpw {
    margin-left: -5px;
  }
  .list-tx.svelte-r1afpw .tx .tx-info.svelte-r1afpw {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .tx-description.svelte-r1afpw {
    font-size: 9px;
    font-weight: 400;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .tx-description .user-name.svelte-r1afpw {
    font-weight: 600;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time.svelte-r1afpw {
    font-size: 8px;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time .value.svelte-r1afpw {
    color: #2dad00;
    font-weight: 600;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time .isSell.svelte-r1afpw {
    color: #e43535 !important;
  }
  .list-tx.svelte-r1afpw .tx .tx-info .value-and-time .time.svelte-r1afpw {
    font-weight: 400;
  }
}
.list-holder.svelte-1f0xcdi.svelte-1f0xcdi {
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.list-holder.svelte-1f0xcdi .holder.svelte-1f0xcdi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 13px;
}
.list-holder.svelte-1f0xcdi .holder .user-name-and-avatar.svelte-1f0xcdi {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
.list-holder.svelte-1f0xcdi .holder .user-name-and-avatar img.svelte-1f0xcdi {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.list-holder.svelte-1f0xcdi .holder .total-key.svelte-1f0xcdi {
  color: #666;
  font-size: 14px;
  font-weight: 400;
}
@media only screen and (max-width: 575px) {
  .list-holder.svelte-1f0xcdi.svelte-1f0xcdi {
    gap: 11px;
  }
  .list-holder.svelte-1f0xcdi .holder.svelte-1f0xcdi {
    gap: 7px;
  }
  .list-holder.svelte-1f0xcdi .holder .user-name-and-avatar.svelte-1f0xcdi {
    font-size: 9px;
    gap: 20px;
  }
  .list-holder.svelte-1f0xcdi .holder .user-name-and-avatar img.svelte-1f0xcdi {
    width: 28px;
    height: 28px;
  }
  .list-holder.svelte-1f0xcdi .holder .total-key.svelte-1f0xcdi {
    font-size: 9px;
  }
}
@media only screen and (max-height: 575px) {
  .list-holder.svelte-1f0xcdi.svelte-1f0xcdi {
    gap: 11px;
  }
  .list-holder.svelte-1f0xcdi .holder.svelte-1f0xcdi {
    gap: 7px;
  }
  .list-holder.svelte-1f0xcdi .holder .user-name-and-avatar.svelte-1f0xcdi {
    font-size: 9px;
    gap: 20px;
  }
  .list-holder.svelte-1f0xcdi .holder .user-name-and-avatar img.svelte-1f0xcdi {
    width: 28px;
    height: 28px;
  }
  .list-holder.svelte-1f0xcdi .holder .total-key.svelte-1f0xcdi {
    font-size: 9px;
  }
}
.container-main.svelte-1swpno9.svelte-1swpno9 {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  padding-top: 25px;
}
.container-main.svelte-1swpno9 .loader-container.svelte-1swpno9 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-1swpno9 .svelte-1swpno9 {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}
.container-main.svelte-1swpno9 .svelte-1swpno9::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.container-main.svelte-1swpno9 .svelte-1swpno9::-webkit-scrollbar {
  width: 3px;
}
.container-main.svelte-1swpno9 .svelte-1swpno9::-webkit-scrollbar-thumb {
  background-color: #888;
}
.container-main.svelte-1swpno9 .content-main.svelte-1swpno9 {
  height: calc(100% - 100px);
  width: 100%;
  overflow-y: auto;
  padding: 0 40px;
}
.container-main.svelte-1swpno9 .content-main .container-tab.svelte-1swpno9 {
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #0009;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.container-main.svelte-1swpno9
  .content-main
  .container-tab
  .active.svelte-1swpno9 {
  font-weight: 600;
}
.container-main.svelte-1swpno9 .content-main .content-tab.svelte-1swpno9 {
  margin-top: 30px;
}
.container-main.svelte-1swpno9 .btn-back.svelte-1swpno9 {
  position: absolute;
  top: 25px;
  left: 15px;
}
.container-main.svelte-1swpno9 .footer.svelte-1swpno9 {
  position: absolute;
  width: calc(100% + 2px);
  height: 101px;
  bottom: -1px;
  left: -1px;
  border-radius: 21px;
  background: #02bafa;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.container-main.svelte-1swpno9 .footer .btn-buy.svelte-1swpno9 {
  width: 123px;
  height: 55px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  background: linear-gradient(
    270deg,
    #ffbc09 0.41%,
    rgba(255, 188, 9, 0.99) 0.42%,
    #ffbc09 0.43%,
    #ffcb0c 0.44%,
    #ff9810 100.04%
  );
}
.container-main.svelte-1swpno9 .footer img.svelte-1swpno9 {
  width: 63px;
}
.container-main.svelte-1swpno9 .footer .hold-description.svelte-1swpno9 {
  position: absolute;
  left: 40px;
  width: 123px;
  bottom: 5px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-1swpno9.svelte-1swpno9 {
    padding-top: 25px;
  }
  .container-main.svelte-1swpno9 .content-main.svelte-1swpno9 {
    height: calc(100% - 60px);
    padding: 0 15px;
  }
  .container-main.svelte-1swpno9 .content-main .container-tab.svelte-1swpno9 {
    margin-top: 12px;
    font-size: 10px;
  }
  .container-main.svelte-1swpno9
    .content-main
    .container-tab
    .active.svelte-1swpno9 {
    font-weight: 600;
  }
  .container-main.svelte-1swpno9 .content-main .content-tab.svelte-1swpno9 {
    margin-top: 15px;
  }
  .container-main.svelte-1swpno9 .btn-back.svelte-1swpno9 {
    top: 25px;
    left: 7px;
  }
  .container-main.svelte-1swpno9 .btn-back img.svelte-1swpno9 {
    width: 8px;
  }
  .container-main.svelte-1swpno9 .footer.svelte-1swpno9 {
    height: 61px;
    border-radius: 17px;
    padding: 0 10px;
    font-size: 12px;
  }
  .container-main.svelte-1swpno9 .footer .btn-buy.svelte-1swpno9 {
    width: 76px;
    height: 33px;
    font-size: 12px;
  }
  .container-main.svelte-1swpno9 .footer img.svelte-1swpno9 {
    width: 40px;
  }
  .container-main.svelte-1swpno9 .footer .hold-description.svelte-1swpno9 {
    position: absolute;
    left: 10px;
    width: 76px;
    bottom: 2px;
    font-size: 9px;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-1swpno9.svelte-1swpno9 {
    padding-top: 0;
  }
  .container-main.svelte-1swpno9 .content-main.svelte-1swpno9 {
    height: calc(100% - 50px);
    padding: 0 40px;
  }
  .container-main.svelte-1swpno9 .content-main .container-tab.svelte-1swpno9 {
    margin-top: 6px;
    font-size: 10px;
  }
  .container-main.svelte-1swpno9
    .content-main
    .container-tab
    .active.svelte-1swpno9 {
    font-weight: 600;
  }
  .container-main.svelte-1swpno9 .content-main .content-tab.svelte-1swpno9 {
    margin-top: 9px;
  }
  .container-main.svelte-1swpno9 .btn-back.svelte-1swpno9 {
    top: 10px;
    left: 7px;
  }
  .container-main.svelte-1swpno9 .btn-back img.svelte-1swpno9 {
    width: 8px;
  }
  .container-main.svelte-1swpno9 .footer.svelte-1swpno9 {
    height: 50px;
    border-radius: 16px;
    padding: 3px 10px 0;
    font-size: 14px;
    align-items: flex-start;
  }
  .container-main.svelte-1swpno9 .footer .btn-buy.svelte-1swpno9 {
    width: 76px;
    height: 33px;
    font-size: 12px;
  }
  .container-main.svelte-1swpno9 .footer img.svelte-1swpno9 {
    width: 40px;
  }
  .container-main.svelte-1swpno9
    .footer
    p.svelte-1swpno9:not(.hold-description) {
    margin-top: 10px;
  }
  .container-main.svelte-1swpno9 .footer .hold-description.svelte-1swpno9 {
    left: 10px;
    width: 76px;
    bottom: 2px;
    font-size: 9px;
  }
}
.short-user-info.svelte-orsxz1.svelte-orsxz1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.short-user-info.svelte-orsxz1 .eth-value.svelte-orsxz1 {
  width: 100px;
  height: 36px;
  border-radius: 22px;
  border: 1px solid #7c7c7c;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #7c7c7c;
}
.short-user-info.svelte-orsxz1 .eth-value img.svelte-orsxz1 {
  height: 25px;
}
.short-user-info.svelte-orsxz1 .profile-img.svelte-orsxz1 {
  min-width: 71px;
  min-height: 71px;
}
.short-user-info.svelte-orsxz1 .profile-img img.svelte-orsxz1 {
  width: 71px;
  height: 71px;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid #cecece;
}
.separate-line.svelte-orsxz1.svelte-orsxz1 {
  border: none !important;
  height: 1px;
  width: 100%;
  background: rgba(211, 211, 211, 0.8);
  margin-top: 4px;
}
@media only screen and (max-width: 575px) {
  .short-user-info.svelte-orsxz1 .eth-value.svelte-orsxz1 {
    width: 86px;
    height: 30px;
  }
  .short-user-info.svelte-orsxz1 .eth-value img.svelte-orsxz1 {
    height: 19px;
  }
  .short-user-info.svelte-orsxz1 .eth-value p.svelte-orsxz1 {
    font-size: 12px;
  }
  .short-user-info.svelte-orsxz1 .profile-img.svelte-orsxz1 {
    min-width: 40px;
    min-height: 40px;
  }
  .short-user-info.svelte-orsxz1 .profile-img img.svelte-orsxz1 {
    width: 40px;
    height: 40px;
    padding: 1px;
  }
  .separate-line.svelte-orsxz1.svelte-orsxz1 {
    margin-top: 10px;
  }
}
@media only screen and (max-height: 575px) {
  .short-user-info.svelte-orsxz1 .eth-value.svelte-orsxz1 {
    width: 86px;
    height: 30px;
  }
  .short-user-info.svelte-orsxz1 .eth-value img.svelte-orsxz1 {
    height: 19px;
  }
  .short-user-info.svelte-orsxz1 .eth-value p.svelte-orsxz1 {
    font-size: 12px;
  }
  .short-user-info.svelte-orsxz1 .profile-img.svelte-orsxz1 {
    min-width: 40px;
    min-height: 40px;
  }
  .short-user-info.svelte-orsxz1 .profile-img img.svelte-orsxz1 {
    width: 40px;
    height: 40px;
    padding: 1px;
  }
  .separate-line.svelte-orsxz1.svelte-orsxz1 {
    margin-top: 4px;
  }
}
.container-main.svelte-1qp9fyk.svelte-1qp9fyk {
  width: 100%;
  height: 100%;
  padding: 0 30px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.container-main.svelte-1qp9fyk .loader-container.svelte-1qp9fyk {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-1qp9fyk .analytic.svelte-1qp9fyk {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.container-main.svelte-1qp9fyk .analytic .analytic-element.svelte-1qp9fyk {
  flex-basis: 20%;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 15px;
}
.container-main.svelte-1qp9fyk
  .analytic
  .analytic-element
  .title.svelte-1qp9fyk {
  font-weight: 400;
  color: #000;
}
.container-main.svelte-1qp9fyk
  .analytic
  .analytic-element
  .value.svelte-1qp9fyk {
  font-size: 13px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 7px;
}
.container-main.svelte-1qp9fyk
  .analytic
  .analytic-element
  .value
  img.svelte-1qp9fyk {
  height: 25px;
}
.container-main.svelte-1qp9fyk .portfolio-container.svelte-1qp9fyk {
  margin-top: 30px;
  width: 100%;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .portfolio-filter.svelte-1qp9fyk {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #7c7c7ccc;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .portfolio-filter
  .filter.svelte-1qp9fyk {
  display: flex;
  gap: 26px;
  font-weight: 500;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .portfolio-filter
  .filter
  .active.svelte-1qp9fyk {
  font-weight: 600;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .portfolio-filter
  .btn-reload.svelte-1qp9fyk {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .portfolio-filter
  .btn-reload
  img.svelte-1qp9fyk {
  height: 15px;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio.svelte-1qp9fyk {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element.svelte-1qp9fyk {
  display: flex;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .rank.svelte-1qp9fyk {
  flex: 12;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  color: #7c7c7ccc;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .info.svelte-1qp9fyk {
  flex: 58;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 23px;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .info
  img.svelte-1qp9fyk {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .info
  p.svelte-1qp9fyk {
  font-weight: 600;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .eth-value.svelte-1qp9fyk {
  flex: 30;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  gap: 5px;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .eth-value
  .eth.svelte-1qp9fyk {
  color: #000;
  font-weight: 500;
}
.container-main.svelte-1qp9fyk
  .portfolio-container
  .list-portfolio
  .portfolio-element
  .eth-value
  .usd.svelte-1qp9fyk {
  color: #7c7c7ccc;
  font-size: 12px;
  font-weight: 400;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-1qp9fyk.svelte-1qp9fyk {
    width: 100%;
    height: 100%;
    padding: 0 13px;
  }
  .container-main.svelte-1qp9fyk .analytic.svelte-1qp9fyk {
    margin-top: 9px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .container-main.svelte-1qp9fyk
    .analytic
    .analytic-element
    .title.svelte-1qp9fyk {
    font-weight: 400;
    color: #000;
  }
  .container-main.svelte-1qp9fyk
    .analytic
    .analytic-element
    .value
    img.svelte-1qp9fyk {
    height: 25px;
  }
  .container-main.svelte-1qp9fyk .portfolio-container.svelte-1qp9fyk {
    margin-top: 14px;
    width: 100%;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter.svelte-1qp9fyk {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 10px;
    color: #7c7c7ccc;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter
    .filter.svelte-1qp9fyk {
    gap: 20px;
    font-weight: 400;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter
    .filter
    .active.svelte-1qp9fyk {
    font-weight: 600;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter
    .btn-reload
    img.svelte-1qp9fyk {
    height: 12px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio.svelte-1qp9fyk {
    margin-top: 10px;
    gap: 10px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element.svelte-1qp9fyk {
    display: flex;
    font-size: 9px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .rank.svelte-1qp9fyk {
    font-weight: 500;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .info.svelte-1qp9fyk {
    gap: 20px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .info
    img.svelte-1qp9fyk {
    width: 28px;
    height: 28px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .info
    p.svelte-1qp9fyk {
    font-weight: 600;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .eth-value
    .eth.svelte-1qp9fyk {
    color: #000;
    font-weight: 500;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .eth-value
    .usd.svelte-1qp9fyk {
    font-size: 8px;
    font-weight: 400;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-1qp9fyk.svelte-1qp9fyk {
    width: 100%;
    height: 100%;
    padding: 0 13px;
  }
  .container-main.svelte-1qp9fyk .analytic.svelte-1qp9fyk {
    margin-top: 9px;
    display: flex;
    flex-direction: row;
    gap: 3px;
  }
  .container-main.svelte-1qp9fyk .analytic .analytic-element.svelte-1qp9fyk {
    flex-basis: 20%;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 9px;
  }
  .container-main.svelte-1qp9fyk
    .analytic
    .analytic-element
    .title.svelte-1qp9fyk {
    font-weight: 400;
    color: #000;
    font-size: 9px;
  }
  .container-main.svelte-1qp9fyk
    .analytic
    .analytic-element
    .value.svelte-1qp9fyk {
    font-size: 10px;
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
  }
  .container-main.svelte-1qp9fyk
    .analytic
    .analytic-element
    .value
    img.svelte-1qp9fyk {
    height: 14px;
  }
  .container-main.svelte-1qp9fyk .portfolio-container.svelte-1qp9fyk {
    margin-top: 14px;
    width: 100%;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter.svelte-1qp9fyk {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 10px;
    color: #7c7c7ccc;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter
    .filter.svelte-1qp9fyk {
    gap: 20px;
    font-weight: 400;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter
    .filter
    .active.svelte-1qp9fyk {
    font-weight: 600;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .portfolio-filter
    .btn-reload
    img.svelte-1qp9fyk {
    height: 12px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio.svelte-1qp9fyk {
    margin-top: 10px;
    gap: 10px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element.svelte-1qp9fyk {
    display: flex;
    font-size: 9px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .rank.svelte-1qp9fyk {
    font-weight: 500;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .info.svelte-1qp9fyk {
    gap: 20px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .info
    img.svelte-1qp9fyk {
    width: 28px;
    height: 28px;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .info
    p.svelte-1qp9fyk {
    font-weight: 600;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .eth-value
    .eth.svelte-1qp9fyk {
    color: #000;
    font-weight: 500;
  }
  .container-main.svelte-1qp9fyk
    .portfolio-container
    .list-portfolio
    .portfolio-element
    .eth-value
    .usd.svelte-1qp9fyk {
    font-size: 8px;
    font-weight: 400;
  }
}
.container-main.svelte-xfki2u.svelte-xfki2u {
  width: 100%;
  height: 100%;
  padding: 0 30px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.container-main.svelte-xfki2u .loader-container.svelte-xfki2u {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-xfki2u .list-tx-container.svelte-xfki2u {
  width: 100%;
  margin-top: 25px;
}
.container-main.svelte-xfki2u
  .list-tx-container
  .title-and-action.svelte-xfki2u {
  color: #7c7c7c;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.container-main.svelte-xfki2u
  .list-tx-container
  .title-and-action
  .btn-reload.svelte-xfki2u {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.container-main.svelte-xfki2u
  .list-tx-container
  .title-and-action
  .btn-reload
  img.svelte-xfki2u {
  height: 15px;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-xfki2u.svelte-xfki2u {
    padding: 0 12px;
    font-size: 10px;
  }
  .container-main.svelte-xfki2u .list-tx-container.svelte-xfki2u {
    margin-top: 10px;
  }
  .container-main.svelte-xfki2u
    .list-tx-container
    .title-and-action.svelte-xfki2u {
    margin-bottom: 11px;
  }
  .container-main.svelte-xfki2u
    .list-tx-container
    .title-and-action
    .btn-reload
    img.svelte-xfki2u {
    height: 12px;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-xfki2u.svelte-xfki2u {
    padding: 0 12px;
    font-size: 10px;
  }
  .container-main.svelte-xfki2u .list-tx-container.svelte-xfki2u {
    margin-top: 10px;
  }
  .container-main.svelte-xfki2u
    .list-tx-container
    .title-and-action.svelte-xfki2u {
    margin-bottom: 11px;
  }
  .container-main.svelte-xfki2u
    .list-tx-container
    .title-and-action
    .btn-reload
    img.svelte-xfki2u {
    height: 12px;
  }
}
.container-main.svelte-1rvdvxv {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 900;
}
.container-main.svelte-19w0s63.svelte-19w0s63 {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 10px 30px 0;
}
.container-main.svelte-19w0s63 .row-search.svelte-19w0s63 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.container-main.svelte-19w0s63 .row-search .input-search.svelte-19w0s63 {
  border-radius: 22px;
  border: 1px solid #ddd;
  background: #fff;
  color: #7c7c7c;
  font-size: 16px;
  padding: 8px 16px;
  flex-grow: 1;
}
.container-main.svelte-19w0s63 .row-search .btn-search.svelte-19w0s63 {
  width: 36px;
  height: 36px;
  padding: 9px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.container-main.svelte-19w0s63 .row-search .btn-search img.svelte-19w0s63 {
  width: 100%;
}
.container-main.svelte-19w0s63 .separate-line.svelte-19w0s63 {
  border: none !important;
  height: 1px;
  width: 100%;
  background: rgba(211, 211, 211, 0.8);
  margin-top: 30px;
}
.container-main.svelte-19w0s63 .loader-container.svelte-19w0s63 {
  margin-top: 50px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-19w0s63 .list-subject-container.svelte-19w0s63 {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .title-and-action.svelte-19w0s63 {
  color: #7c7c7c;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .title-and-action
  .btn-reload.svelte-19w0s63 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .title-and-action
  .btn-reload
  img.svelte-19w0s63 {
  height: 15px;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .list-subject.svelte-19w0s63 {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
  gap: 14px;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .list-subject
  .subject.svelte-19w0s63 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .list-subject
  .subject
  img.svelte-19w0s63 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.container-main.svelte-19w0s63
  .list-subject-container
  .list-subject
  .subject
  .subject-info.svelte-19w0s63 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .list-subject
  .subject
  .subject-info
  .name.svelte-19w0s63 {
  color: #000;
}
.container-main.svelte-19w0s63
  .list-subject-container
  .list-subject
  .subject
  .subject-info
  .description.svelte-19w0s63 {
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-19w0s63.svelte-19w0s63 {
    font-size: 10px;
    padding: 10px 12px 0;
  }
  .container-main.svelte-19w0s63 .row-search.svelte-19w0s63 {
    gap: 8px;
  }
  .container-main.svelte-19w0s63 .row-search .input-search.svelte-19w0s63 {
    font-size: 10px;
    padding: 5px 10px;
  }
  .container-main.svelte-19w0s63 .row-search .btn-search.svelte-19w0s63 {
    width: 22px;
    height: 22px;
    padding: 5px;
  }
  .container-main.svelte-19w0s63 .separate-line.svelte-19w0s63 {
    margin-top: 12px;
  }
  .container-main.svelte-19w0s63 .list-subject-container.svelte-19w0s63 {
    margin-top: 10px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .title-and-action
    .btn-reload
    img.svelte-19w0s63 {
    height: 12px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject.svelte-19w0s63 {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 10px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject.svelte-19w0s63 {
    gap: 11px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject
    img.svelte-19w0s63 {
    width: 28px;
    height: 28px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject
    .subject-info
    .name.svelte-19w0s63 {
    font-size: 9px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject
    .subject-info
    .description.svelte-19w0s63 {
    font-size: 8px;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-19w0s63.svelte-19w0s63 {
    font-size: 10px;
    padding: 10px 12px 0;
  }
  .container-main.svelte-19w0s63 .row-search.svelte-19w0s63 {
    gap: 22px;
  }
  .container-main.svelte-19w0s63 .row-search .input-search.svelte-19w0s63 {
    font-size: 10px;
    padding: 5px 10px;
  }
  .container-main.svelte-19w0s63 .row-search .btn-search.svelte-19w0s63 {
    width: 22px;
    height: 22px;
    padding: 5px;
  }
  .container-main.svelte-19w0s63 .separate-line.svelte-19w0s63 {
    margin-top: 12px;
  }
  .container-main.svelte-19w0s63 .list-subject-container.svelte-19w0s63 {
    margin-top: 10px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .title-and-action
    .btn-reload
    img.svelte-19w0s63 {
    height: 12px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject.svelte-19w0s63 {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 10px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject.svelte-19w0s63 {
    gap: 11px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject
    img.svelte-19w0s63 {
    width: 28px;
    height: 28px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject
    .subject-info
    .name.svelte-19w0s63 {
    font-size: 9px;
  }
  .container-main.svelte-19w0s63
    .list-subject-container
    .list-subject
    .subject
    .subject-info
    .description.svelte-19w0s63 {
    font-size: 8px;
  }
}
.loader-container.svelte-ar0mfk.svelte-ar0mfk {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-ar0mfk.svelte-ar0mfk {
  padding: 0 30px;
  color: #7c7c7c;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.container-main.svelte-ar0mfk .logo-and-time.svelte-ar0mfk {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.container-main.svelte-ar0mfk .logo-and-time img.svelte-ar0mfk {
  width: 100px;
  height: 100px;
  transform: rotate(14.146deg);
}
.container-main.svelte-ar0mfk .logo-and-time .time.svelte-ar0mfk {
  font-size: 18px;
  font-weight: 400;
}
.container-main.svelte-ar0mfk .logo-and-time .time span.svelte-ar0mfk {
  font-weight: 600;
}
.container-main.svelte-ar0mfk .filter.svelte-ar0mfk {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  --font-size: 16px;
  --height: 20px;
  --width: 140px;
}
.container-main.svelte-ar0mfk .analytic.svelte-ar0mfk {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.container-main.svelte-ar0mfk .analytic .left-column.svelte-ar0mfk,
.container-main.svelte-ar0mfk .analytic .right-column.svelte-ar0mfk {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.container-main.svelte-ar0mfk .analytic .left-column .element.svelte-ar0mfk,
.container-main.svelte-ar0mfk .analytic .right-column .element.svelte-ar0mfk {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 9px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 16px;
}
.container-main.svelte-ar0mfk
  .analytic
  .left-column
  .element
  .title.svelte-ar0mfk,
.container-main.svelte-ar0mfk
  .analytic
  .right-column
  .element
  .title.svelte-ar0mfk {
  font-weight: 400;
}
.container-main.svelte-ar0mfk
  .analytic
  .left-column
  .element
  .value.svelte-ar0mfk,
.container-main.svelte-ar0mfk
  .analytic
  .right-column
  .element
  .value.svelte-ar0mfk {
  color: #000;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
}
.container-main.svelte-ar0mfk
  .analytic
  .left-column
  .element
  .value
  .estimate.svelte-ar0mfk,
.container-main.svelte-ar0mfk
  .analytic
  .right-column
  .element
  .value
  .estimate.svelte-ar0mfk {
  color: #7c7c7c;
  font-weight: 400;
}
.container-main.svelte-ar0mfk
  .analytic
  .left-column
  .element
  .value
  img.svelte-ar0mfk,
.container-main.svelte-ar0mfk
  .analytic
  .right-column
  .element
  .value
  img.svelte-ar0mfk {
  margin-left: 5px;
}
.container-main.svelte-ar0mfk .invite-container .left.svelte-ar0mfk {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
.container-main.svelte-ar0mfk .invite-container .right.svelte-ar0mfk {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
}
.container-main.svelte-ar0mfk .invite-container .right img.svelte-ar0mfk {
  width: 15px;
  margin-left: 5px;
}
.container-main.svelte-ar0mfk .bind-ref-container.svelte-ar0mfk {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 16px;
}
.container-main.svelte-ar0mfk .bind-ref-container .left.svelte-ar0mfk {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
.container-main.svelte-ar0mfk .bind-ref-container .left input.svelte-ar0mfk {
  width: 122px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 15px;
  background: rgba(124, 124, 124, 0.1);
  text-align: center;
}
.container-main.svelte-ar0mfk
  .bind-ref-container
  .left
  .btn-bind.svelte-ar0mfk {
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 0 4px #00000040;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7c7c7c;
  font-size: 14px;
  padding: 2px 6px;
}
.container-main.svelte-ar0mfk .airdrop-details.svelte-ar0mfk {
  margin-top: 10px;
  margin-bottom: 20px;
}
.container-main.svelte-ar0mfk .airdrop-details .no-content.svelte-ar0mfk {
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
}
.container-main.svelte-ar0mfk .airdrop-details .no-content img.svelte-ar0mfk {
  width: 18px;
}
.container-main.svelte-ar0mfk .airdrop-details .content.svelte-ar0mfk {
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fff;
}
.container-main.svelte-ar0mfk .airdrop-details .content .title.svelte-ar0mfk {
  padding: 6px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.container-main.svelte-ar0mfk
  .airdrop-details
  .content
  .title
  img.svelte-ar0mfk {
  width: 18px;
  transform: rotate(180deg);
}
.container-main.svelte-ar0mfk
  .airdrop-details
  .content
  .description.svelte-ar0mfk {
  border-top: 1px solid #ddd;
  padding: 6px 16px 20px;
  color: #000;
  display: flex;
  font-weight: 400;
  flex-direction: column;
  gap: 20px;
}
.container-main.svelte-ar0mfk
  .airdrop-details
  .content
  .description
  .heading.svelte-ar0mfk,
.container-main.svelte-ar0mfk
  .airdrop-details
  .content
  .description
  a.svelte-ar0mfk {
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-ar0mfk.svelte-ar0mfk {
    padding: 0 15px;
    font-size: 12px;
  }
  .container-main.svelte-ar0mfk .logo-and-time.svelte-ar0mfk {
    gap: 8px;
  }
  .container-main.svelte-ar0mfk .logo-and-time img.svelte-ar0mfk {
    width: 70px;
    height: 70px;
  }
  .container-main.svelte-ar0mfk .logo-and-time .time.svelte-ar0mfk {
    font-size: 12px;
    font-weight: 400;
  }
  .container-main.svelte-ar0mfk .logo-and-time .time span.svelte-ar0mfk {
    font-weight: 600;
  }
  .container-main.svelte-ar0mfk .filter.svelte-ar0mfk {
    margin-top: 15px;
    --font-size: 12px;
    --height: 20px;
    --width: 120px;
  }
  .container-main.svelte-ar0mfk .analytic.svelte-ar0mfk {
    margin-top: 15px;
    gap: 10px;
  }
  .container-main.svelte-ar0mfk .analytic .left-column.svelte-ar0mfk,
  .container-main.svelte-ar0mfk .analytic .right-column.svelte-ar0mfk {
    gap: 10px;
  }
  .container-main.svelte-ar0mfk .analytic .left-column .element.svelte-ar0mfk,
  .container-main.svelte-ar0mfk .analytic .right-column .element.svelte-ar0mfk {
    gap: 5px;
    padding: 6px 9px;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .title.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .title.svelte-ar0mfk {
    font-weight: 400;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .value.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .value.svelte-ar0mfk {
    gap: 2px;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .value
    .estimate.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .value
    .estimate.svelte-ar0mfk {
    color: #7c7c7c;
    font-weight: 400;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .value
    img.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .value
    img.svelte-ar0mfk {
    margin-left: 5px;
  }
  .container-main.svelte-ar0mfk .invite-container .left.svelte-ar0mfk {
    gap: 14px;
  }
  .container-main.svelte-ar0mfk .bind-ref-container.svelte-ar0mfk {
    margin-top: 8px;
    padding: 6px 16px;
  }
  .container-main.svelte-ar0mfk .bind-ref-container .left.svelte-ar0mfk {
    gap: 4px;
  }
  .container-main.svelte-ar0mfk .bind-ref-container .left input.svelte-ar0mfk {
    width: 90px;
    font-size: 12px;
  }
  .container-main.svelte-ar0mfk
    .bind-ref-container
    .left
    .btn-bind.svelte-ar0mfk {
    font-size: 10px;
    padding: 2px 6px;
  }
  .container-main.svelte-ar0mfk .airdrop-details.svelte-ar0mfk {
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .container-main.svelte-ar0mfk .airdrop-details .no-content.svelte-ar0mfk {
    gap: 6px;
    padding: 6px 9px;
  }
  .container-main.svelte-ar0mfk .airdrop-details .no-content img.svelte-ar0mfk {
    width: 12px;
  }
  .container-main.svelte-ar0mfk .airdrop-details .content .title.svelte-ar0mfk {
    padding: 6px 9px;
  }
  .container-main.svelte-ar0mfk
    .airdrop-details
    .content
    .title
    img.svelte-ar0mfk {
    width: 12px;
  }
  .container-main.svelte-ar0mfk
    .airdrop-details
    .content
    .description.svelte-ar0mfk {
    padding: 6px 9px;
    gap: 12px;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-ar0mfk.svelte-ar0mfk {
    padding: 0 15px;
    font-size: 12px;
  }
  .container-main.svelte-ar0mfk .logo-and-time.svelte-ar0mfk {
    gap: 8px;
  }
  .container-main.svelte-ar0mfk .logo-and-time img.svelte-ar0mfk {
    width: 70px;
    height: 70px;
  }
  .container-main.svelte-ar0mfk .logo-and-time .time.svelte-ar0mfk {
    font-size: 12px;
    font-weight: 400;
  }
  .container-main.svelte-ar0mfk .logo-and-time .time span.svelte-ar0mfk {
    font-weight: 600;
  }
  .container-main.svelte-ar0mfk .filter.svelte-ar0mfk {
    margin-top: 15px;
    --font-size: 12px;
    --height: 20px;
    --width: 120px;
  }
  .container-main.svelte-ar0mfk .analytic.svelte-ar0mfk {
    margin-top: 15px;
    gap: 10px;
  }
  .container-main.svelte-ar0mfk .analytic .left-column.svelte-ar0mfk,
  .container-main.svelte-ar0mfk .analytic .right-column.svelte-ar0mfk {
    gap: 10px;
  }
  .container-main.svelte-ar0mfk .analytic .left-column .element.svelte-ar0mfk,
  .container-main.svelte-ar0mfk .analytic .right-column .element.svelte-ar0mfk {
    gap: 5px;
    padding: 6px 9px;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .title.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .title.svelte-ar0mfk {
    font-weight: 400;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .value.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .value.svelte-ar0mfk {
    gap: 2px;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .value
    .estimate.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .value
    .estimate.svelte-ar0mfk {
    color: #7c7c7c;
    font-weight: 400;
  }
  .container-main.svelte-ar0mfk
    .analytic
    .left-column
    .element
    .value
    img.svelte-ar0mfk,
  .container-main.svelte-ar0mfk
    .analytic
    .right-column
    .element
    .value
    img.svelte-ar0mfk {
    margin-left: 5px;
  }
  .container-main.svelte-ar0mfk .bind-ref-container.svelte-ar0mfk {
    margin-top: 8px;
    padding: 6px 16px;
  }
  .container-main.svelte-ar0mfk .bind-ref-container .left.svelte-ar0mfk {
    gap: 4px;
  }
  .container-main.svelte-ar0mfk .bind-ref-container .left input.svelte-ar0mfk {
    width: 90px;
    font-size: 12px;
  }
  .container-main.svelte-ar0mfk
    .bind-ref-container
    .left
    .btn-bind.svelte-ar0mfk {
    font-size: 10px;
    padding: 2px 6px;
  }
  .container-main.svelte-ar0mfk .airdrop-details.svelte-ar0mfk {
    margin-top: 8px;
    margin-bottom: 10px;
  }
  .container-main.svelte-ar0mfk .airdrop-details .no-content.svelte-ar0mfk {
    gap: 6px;
    padding: 6px 9px;
  }
  .container-main.svelte-ar0mfk .airdrop-details .no-content img.svelte-ar0mfk {
    width: 12px;
  }
  .container-main.svelte-ar0mfk .airdrop-details .content .title.svelte-ar0mfk {
    padding: 6px 9px;
  }
  .container-main.svelte-ar0mfk
    .airdrop-details
    .content
    .title
    img.svelte-ar0mfk {
    width: 12px;
  }
  .container-main.svelte-ar0mfk
    .airdrop-details
    .content
    .description.svelte-ar0mfk {
    gap: 12px;
    padding: 6px 9px;
  }
}
.container-main.svelte-1izrira.svelte-1izrira {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  padding-top: 25px;
}
.container-main.svelte-1izrira .svelte-1izrira {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}
.container-main.svelte-1izrira .svelte-1izrira::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.container-main.svelte-1izrira .svelte-1izrira::-webkit-scrollbar {
  width: 3px;
}
.container-main.svelte-1izrira .svelte-1izrira::-webkit-scrollbar-thumb {
  background-color: #888;
}
.container-main.svelte-1izrira .content-main.svelte-1izrira {
  height: calc(100% - 100px);
  width: 100%;
  overflow-y: auto;
}
.container-main.svelte-1izrira .container-tab.svelte-1izrira {
  z-index: 9999;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 4px #bebebe40 inset;
}
.container-main.svelte-1izrira .container-tab .tab-element.svelte-1izrira {
  flex-basis: 20%;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 9px;
  opacity: 0.3;
}
.container-main.svelte-1izrira .container-tab .tab-element p.svelte-1izrira {
  color: #000;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.container-main.svelte-1izrira .container-tab .active.svelte-1izrira {
  opacity: 1 !important;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-1izrira.svelte-1izrira {
    padding-top: 8px;
  }
  .container-main.svelte-1izrira .content-main.svelte-1izrira {
    height: calc(100% - 60px);
  }
  .container-main.svelte-1izrira .container-tab.svelte-1izrira {
    height: 60px;
    border-radius: 17px;
  }
  .container-main.svelte-1izrira .container-tab .tab-element.svelte-1izrira {
    gap: 2px;
    opacity: 0.3;
  }
  .container-main.svelte-1izrira .container-tab .tab-element p.svelte-1izrira {
    font-size: 9px;
  }
  .container-main.svelte-1izrira
    .container-tab
    .tab-element
    img.svelte-1izrira {
    width: 20px;
  }
  .container-main.svelte-1izrira .container-tab .active.svelte-1izrira {
    opacity: 1 !important;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-1izrira.svelte-1izrira {
    padding-top: 8px;
  }
  .container-main.svelte-1izrira .content-main.svelte-1izrira {
    height: calc(100% - 60px);
  }
  .container-main.svelte-1izrira .container-tab.svelte-1izrira {
    height: 50px;
    border-radius: 17px;
  }
  .container-main.svelte-1izrira .container-tab .tab-element.svelte-1izrira {
    gap: 2px;
    opacity: 0.3;
  }
  .container-main.svelte-1izrira .container-tab .tab-element p.svelte-1izrira {
    font-size: 9px;
  }
  .container-main.svelte-1izrira
    .container-tab
    .tab-element
    img.svelte-1izrira {
    width: 20px;
  }
  .container-main.svelte-1izrira .container-tab .active.svelte-1izrira {
    opacity: 1 !important;
  }
}
.container-main.svelte-1urb99x.svelte-1urb99x {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(217, 217, 217, 0.5);
  z-index: 999999;
  pointer-events: auto;
  border-radius: 20px;
}
.container-main.svelte-1urb99x div.waiting-modal.svelte-1urb99x {
  z-index: 999999;
  background-color: #fff;
  position: absolute;
  width: 360px;
  max-width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  gap: 20px;
  padding: 35px 30px 20px;
  border-radius: 24px;
}
.container-main.svelte-1urb99x div.waiting-modal section.title.svelte-1urb99x {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-1urb99x div.waiting-modal.svelte-1urb99x {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-1urb99x
    div.waiting-modal
    section.title.svelte-1urb99x {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-1urb99x div.waiting-modal.svelte-1urb99x {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-1urb99x
    div.waiting-modal
    section.title.svelte-1urb99x {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }
}
.btn.svelte-1u513f6.svelte-1u513f6 {
  width: 100%;
  height: 64px;
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-blue.svelte-1u513f6.svelte-1u513f6 {
  background: #02bafa;
}
.container-main.svelte-1u513f6.svelte-1u513f6 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(217, 217, 217, 0.5);
  z-index: 999998;
  pointer-events: auto;
  border-radius: 20px;
}
.container-main.svelte-1u513f6 div.info-modal.svelte-1u513f6 {
  z-index: 999998;
  background-color: #fff;
  position: absolute;
  width: 360px;
  max-width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  gap: 20px;
  padding: 35px 30px 20px;
  border-radius: 24px;
}
.container-main.svelte-1u513f6 div.info-modal section.title.svelte-1u513f6 {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.container-main.svelte-1u513f6 div.info-modal section.action.svelte-1u513f6 {
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .btn.svelte-1u513f6.svelte-1u513f6 {
    font-size: 12px;
    height: 44px;
  }
  .container-main.svelte-1u513f6 div.info-modal.svelte-1u513f6 {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-1u513f6 div.info-modal section.title.svelte-1u513f6 {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-height: 575px) {
  .btn.svelte-1u513f6.svelte-1u513f6 {
    font-size: 12px;
    height: 44px;
  }
  .container-main.svelte-1u513f6 div.info-modal.svelte-1u513f6 {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-1u513f6 div.info-modal section.title.svelte-1u513f6 {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
}
.btn.svelte-2qa90.svelte-2qa90 {
  width: 100%;
  height: 64px;
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-blue.svelte-2qa90.svelte-2qa90 {
  background: #02bafa;
}
.btn-pink.svelte-2qa90.svelte-2qa90 {
  background: #ff7aa9;
}
.container-main.svelte-2qa90.svelte-2qa90 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(217, 217, 217, 0.5);
  z-index: 999995;
  pointer-events: auto;
  border-radius: 20px;
}
.container-main.svelte-2qa90 div.trade-key-modal.svelte-2qa90 {
  z-index: 999995;
  background-color: #fff;
  position: absolute;
  width: 400px;
  max-width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  gap: 20px;
  padding: 35px 30px 20px;
  border-radius: 24px;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  .loader-container.svelte-2qa90 {
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-main.svelte-2qa90 div.trade-key-modal .close-icon.svelte-2qa90 {
  position: absolute;
  top: 10px;
  right: 10px;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  .close-icon
  img.svelte-2qa90:hover {
  transform: scale(1.2);
}
.container-main.svelte-2qa90 div.trade-key-modal section.title.svelte-2qa90 {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info.svelte-2qa90 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .subject-info.svelte-2qa90 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 9px;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .subject-info
  img.svelte-2qa90 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .subject-info
  .info.svelte-2qa90 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
  color: #666;
  font-size: 13px;
  font-weight: 400;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .subject-info
  .info
  .name.svelte-2qa90 {
  color: #000;
  font-size: 15px;
  font-weight: 500;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .key-price.svelte-2qa90 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .key-price
  .price.svelte-2qa90 {
  color: #02bafa;
  font-size: 15px;
  font-weight: 600;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .key-price
  .description.svelte-2qa90 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .key-price
  .description
  p.svelte-2qa90 {
  color: #666;
  font-size: 13px;
  font-weight: 400;
}
.container-main.svelte-2qa90
  div.trade-key-modal
  section.trade-info
  .key-price
  .description
  img.svelte-2qa90 {
  width: 18px;
}
.container-main.svelte-2qa90 div.trade-key-modal section.action.svelte-2qa90 {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
.container-main.svelte-2qa90 div.trade-key-modal .sell-price.svelte-2qa90 {
  margin-top: 20px;
  color: #666;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .btn.svelte-2qa90.svelte-2qa90 {
    font-size: 12px;
    height: 44px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal.svelte-2qa90 {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal section.title.svelte-2qa90 {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info.svelte-2qa90 {
    margin-top: 16px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info.svelte-2qa90 {
    gap: 5px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info
    img.svelte-2qa90 {
    width: 28px;
    height: 28px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info
    .info.svelte-2qa90 {
    gap: 1px;
    font-size: 9px;
    font-weight: 400;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info
    .info
    .name.svelte-2qa90 {
    font-size: 10px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .price.svelte-2qa90 {
    font-size: 10px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .description.svelte-2qa90 {
    gap: 4px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .description
    p.svelte-2qa90 {
    font-size: 9px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .description
    img.svelte-2qa90 {
    width: 13px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal section.action.svelte-2qa90 {
    margin-top: 23px;
    gap: 20px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal .sell-price.svelte-2qa90 {
    margin-top: 16px;
    font-size: 10px;
  }
}
@media only screen and (max-height: 575px) {
  .btn.svelte-2qa90.svelte-2qa90 {
    font-size: 12px;
    height: 44px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal.svelte-2qa90 {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal section.title.svelte-2qa90 {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info.svelte-2qa90 {
    margin-top: 16px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info.svelte-2qa90 {
    gap: 5px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info
    img.svelte-2qa90 {
    width: 28px;
    height: 28px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info
    .info.svelte-2qa90 {
    gap: 1px;
    font-size: 9px;
    font-weight: 400;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .subject-info
    .info
    .name.svelte-2qa90 {
    font-size: 10px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .price.svelte-2qa90 {
    font-size: 10px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .description.svelte-2qa90 {
    gap: 4px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .description
    p.svelte-2qa90 {
    font-size: 9px;
  }
  .container-main.svelte-2qa90
    div.trade-key-modal
    section.trade-info
    .key-price
    .description
    img.svelte-2qa90 {
    width: 13px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal section.action.svelte-2qa90 {
    margin-top: 23px;
    gap: 20px;
  }
  .container-main.svelte-2qa90 div.trade-key-modal .sell-price.svelte-2qa90 {
    margin-top: 16px;
    font-size: 10px;
  }
}
.container-main.svelte-1qdtxik.svelte-1qdtxik {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background: rgba(217, 217, 217, 0.5);
  z-index: 999996;
  pointer-events: auto;
  border-radius: 20px;
}
.container-main.svelte-1qdtxik div.success-modal.svelte-1qdtxik {
  z-index: 999996;
  background-color: #fff;
  position: absolute;
  width: 360px;
  max-width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 35px 30px 20px;
  border-radius: 24px;
}
.container-main.svelte-1qdtxik div.success-modal .close-icon.svelte-1qdtxik {
  position: absolute;
  top: -15px;
  right: 10px;
}
.container-main.svelte-1qdtxik
  div.success-modal
  .close-icon
  img.svelte-1qdtxik {
  width: 20px;
  height: 20px;
}
.container-main.svelte-1qdtxik
  div.success-modal
  .close-icon
  img.svelte-1qdtxik:hover {
  transform: scale(1.2);
}
.container-main.svelte-1qdtxik div.success-modal .title.svelte-1qdtxik {
  font-size: 20px;
}
.container-main.svelte-1qdtxik div.success-modal .green-text.svelte-1qdtxik {
  margin-top: 26px;
  color: #abd451;
  font-size: 18px;
  font-weight: 400;
}
.container-main.svelte-1qdtxik div.success-modal img.svelte-1qdtxik {
  width: 80px;
  margin-top: 26px;
}
.container-main.svelte-1qdtxik div.success-modal .tx.svelte-1qdtxik {
  margin: 38px 0;
  color: #0009;
  font-size: 18px;
  font-weight: 400;
  text-decoration-line: underline;
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-1qdtxik div.success-modal.svelte-1qdtxik {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-1qdtxik div.success-modal .close-icon.svelte-1qdtxik {
    top: -5px;
    right: 10px;
  }
  .container-main.svelte-1qdtxik
    div.success-modal
    .close-icon
    img.svelte-1qdtxik {
    width: 20px;
    height: 20px;
  }
  .container-main.svelte-1qdtxik
    div.success-modal
    .close-icon
    img.svelte-1qdtxik:hover {
    transform: scale(1.2);
  }
  .container-main.svelte-1qdtxik div.success-modal .title.svelte-1qdtxik {
    font-size: 16px;
  }
  .container-main.svelte-1qdtxik div.success-modal .green-text.svelte-1qdtxik {
    margin-top: 15px;
    font-size: 14px;
  }
  .container-main.svelte-1qdtxik div.success-modal img.svelte-1qdtxik {
    width: 50px;
    margin-top: 15px;
  }
  .container-main.svelte-1qdtxik div.success-modal .tx.svelte-1qdtxik {
    margin: 15px 0;
    font-size: 14px;
  }
}
@media only screen and (max-height: 575px) {
  .container-main.svelte-1qdtxik div.success-modal.svelte-1qdtxik {
    width: calc(100% - 50px);
    max-width: 280px;
    font-size: 15px;
    gap: 20px;
    padding: 24px 22px;
  }
  .container-main.svelte-1qdtxik div.success-modal .close-icon.svelte-1qdtxik {
    top: -5px;
    right: 10px;
  }
  .container-main.svelte-1qdtxik
    div.success-modal
    .close-icon
    img.svelte-1qdtxik {
    width: 20px;
    height: 20px;
  }
  .container-main.svelte-1qdtxik
    div.success-modal
    .close-icon
    img.svelte-1qdtxik:hover {
    transform: scale(1.2);
  }
  .container-main.svelte-1qdtxik div.success-modal .title.svelte-1qdtxik {
    font-size: 16px;
  }
  .container-main.svelte-1qdtxik div.success-modal .green-text.svelte-1qdtxik {
    margin-top: 15px;
    font-size: 14px;
  }
  .container-main.svelte-1qdtxik div.success-modal img.svelte-1qdtxik {
    width: 50px;
    margin-top: 15px;
  }
  .container-main.svelte-1qdtxik div.success-modal .tx.svelte-1qdtxik {
    margin: 15px 0;
    font-size: 14px;
  }
}
.ducky-sofi-global-wrapper.svelte-1hapyxv.svelte-1hapyxv {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ducky-sofi-wrapper.svelte-1hapyxv.svelte-1hapyxv {
  height: 835px;
  width: min(100% - 40px, 656px);
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-1hapyxv.svelte-1hapyxv {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1hapyxv img.svelte-1hapyxv {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-1hapyxv img.svelte-1hapyxv:hover {
  transform: scale(1.1);
}
div.ducky-sofi-container-main.svelte-1hapyxv.svelte-1hapyxv {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 15px 26px;
}
div.ducky-sofi-container-main.svelte-1hapyxv
  div.ducky-sofi-logo.svelte-1hapyxv {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.ducky-sofi-container-main.svelte-1hapyxv
  div.ducky-sofi-logo
  img.ducky-sofi-logo-title.svelte-1hapyxv {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.ducky-sofi-container-main.svelte-1hapyxv
  div.ducky-sofi-content-container.svelte-1hapyxv {
  position: relative;
  width: 100%;
  height: calc(100% - 85px);
  max-width: 100%;
  border-radius: 25px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
}
div.ducky-sofi-container-main.svelte-1hapyxv
  div.ducky-sofi-content-container
  .loader-container.svelte-1hapyxv {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .ducky-sofi-wrapper.svelte-1hapyxv.svelte-1hapyxv {
    height: calc(100% - 20px);
    width: calc(100% - 12px);
    max-width: 100%;
    max-height: 100%;
  }
  p.close-icon.svelte-1hapyxv img.svelte-1hapyxv {
    width: 23px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv.svelte-1hapyxv {
    border: 2px solid #10509f;
    border-radius: 20px;
    padding: 0 8px 16px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv
    div.ducky-sofi-logo.svelte-1hapyxv {
    margin-top: 7px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv
    div.ducky-sofi-logo
    img.ducky-sofi-logo-title.svelte-1hapyxv {
    display: block;
    height: 35px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv
    div.ducky-sofi-content-container.svelte-1hapyxv {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    max-width: 100%;
    border-radius: 16px;
    border: 1px solid #c5c5c5;
    background-color: #fff;
  }
}
@media only screen and (max-height: 575px) {
  .ducky-sofi-wrapper.svelte-1hapyxv.svelte-1hapyxv {
    height: calc(100% - 20px);
    width: min(100% - 12px, 369px);
    max-width: 100%;
    max-height: 100%;
  }
  p.close-icon.svelte-1hapyxv img.svelte-1hapyxv {
    width: 20px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv.svelte-1hapyxv {
    border: 2px solid #10509f;
    border-radius: 15px;
    padding: 0 8px 9px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv
    div.ducky-sofi-logo.svelte-1hapyxv {
    margin-top: 2px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv
    div.ducky-sofi-logo
    img.ducky-sofi-logo-title.svelte-1hapyxv {
    display: block;
    height: 27px;
  }
  div.ducky-sofi-container-main.svelte-1hapyxv
    div.ducky-sofi-content-container.svelte-1hapyxv {
    position: relative;
    width: 100%;
    height: calc(100% - 50px);
    max-width: 100%;
    border-radius: 16px;
  }
}
.menuIcon.svelte-pex2e.svelte-pex2e.svelte-pex2e {
  margin-top: 20px;
  margin-left: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  z-index: 800;
  position: relative;
}
.menuIcon.svelte-pex2e .menu-row.svelte-pex2e.svelte-pex2e {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.menuIcon.svelte-pex2e .menu-row.svelte-pex2e > .svelte-pex2e {
  pointer-events: auto;
  padding-top: 0;
}
.menuIcon.svelte-pex2e .menu-row.svelte-pex2e > img.svelte-pex2e {
  width: 58px;
}
.menuIcon.svelte-pex2e .menu-row.svelte-pex2e > .svelte-pex2e:hover {
  transform: scale(1.1);
}
.menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e.svelte-pex2e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 120px;
  height: 45px;
  padding: 6px;
  border-radius: 12px;
  background-color: #ff0101;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  transform: translate(8px, 4px);
  z-index: 101;
}
.menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e.svelte-pex2e:hover {
  transform: translate(8px, 4px) scale(1.1);
}
.menuIcon.svelte-pex2e .p2a-btn .svelte-pex2e.svelte-pex2e:hover {
  cursor: pointer;
}
.menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e > .svelte-pex2e {
  transform: translate(-4px, -4px);
}
.menuIcon.svelte-pex2e .p2a-btn img.svelte-pex2e.svelte-pex2e {
  z-index: 102;
  display: block;
  max-height: 42px;
  width: auto;
}
.menuIcon.svelte-pex2e .p2a-btn .text.svelte-pex2e.svelte-pex2e {
  z-index: 102;
  color: #ff2e00;
  font-size: 20px;
  font-weight: 700;
}
.menuIcon.svelte-pex2e .p2a-btn .shadow.svelte-pex2e.svelte-pex2e {
  border-radius: 12px;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
  z-index: 10;
}
@media only screen and (max-width: 991px) {
  .menuIcon.svelte-pex2e.svelte-pex2e.svelte-pex2e {
    margin-top: 15px;
    margin-left: 18px;
    gap: 8px;
  }
  .menuIcon.svelte-pex2e .menu-row.svelte-pex2e > img.svelte-pex2e {
    width: 45px;
  }
  .menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e.svelte-pex2e {
    gap: 5px;
    width: 80px;
    height: 35px;
    padding: 6px;
    border-radius: 12px;
    transform: translate(6px, 3px);
  }
  .menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e > .svelte-pex2e {
    transform: translate(-3px, -3px);
  }
  .menuIcon.svelte-pex2e .p2a-btn img.svelte-pex2e.svelte-pex2e {
    max-height: 28px;
  }
  .menuIcon.svelte-pex2e .p2a-btn .text.svelte-pex2e.svelte-pex2e {
    font-size: 12px;
  }
  .menuIcon.svelte-pex2e .p2a-btn .shadow.svelte-pex2e.svelte-pex2e {
    border-radius: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .menuIcon.svelte-pex2e.svelte-pex2e.svelte-pex2e {
    margin-top: 8px;
    margin-left: 8px;
    gap: 3px;
  }
  .menuIcon.svelte-pex2e .menu-row.svelte-pex2e > img.svelte-pex2e {
    width: 30px;
  }
  .menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e.svelte-pex2e {
    gap: 5px;
    width: 65px;
    height: 25px;
    padding: 3px;
    border-radius: 8px;
    transform: translate(4px, 2px);
  }
  .menuIcon.svelte-pex2e .p2a-btn.svelte-pex2e > .svelte-pex2e {
    transform: translate(-2px, -2px);
  }
  .menuIcon.svelte-pex2e .p2a-btn img.svelte-pex2e.svelte-pex2e {
    max-height: 22px;
  }
  .menuIcon.svelte-pex2e .p2a-btn .text.svelte-pex2e.svelte-pex2e {
    font-size: 10px;
  }
  .menuIcon.svelte-pex2e .p2a-btn .shadow.svelte-pex2e.svelte-pex2e {
    border-radius: 8px;
  }
}
@media only screen and (max-height: 575px) {
  .menuIcon.svelte-pex2e.svelte-pex2e.svelte-pex2e {
    margin-top: 8px;
    margin-left: 8px;
    gap: 3px;
  }
  .menuIcon.svelte-pex2e .menu-row.svelte-pex2e > img.svelte-pex2e {
    width: 30px;
  }
}
.marquee-container.svelte-11dmb27.svelte-11dmb27 {
  display: flex;
  width: 100%;
  overflow-x: hidden;
  flex-direction: row;
  position: relative;
}
.marquee-container.svelte-11dmb27:hover .marquee.svelte-11dmb27 {
  animation-play-state: var(--pause-on-hover);
}
.marquee-container.svelte-11dmb27:active .marquee.svelte-11dmb27 {
  animation-play-state: var(--pause-on-click);
}
.marquee.svelte-11dmb27.svelte-11dmb27 {
  flex: 0 0 auto;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--gap, 0);
  animation: svelte-11dmb27-scroll var(--duration) linear infinite;
  animation-play-state: var(--play);
  animation-direction: var(--direction);
  padding-right: var(--gap, 0);
}
@keyframes svelte-11dmb27-scroll {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
.initial-child-container.svelte-11dmb27.svelte-11dmb27 {
  flex: 0 0 auto;
  display: flex;
  min-width: auto;
  flex-direction: row;
}
.gradient.svelte-11dmb27.svelte-11dmb27:after,
.gradient.svelte-11dmb27.svelte-11dmb27:before {
  background: linear-gradient(
    to right,
    var(--gradientColor, white),
    transparent
  );
  content: "";
  height: 100%;
  position: absolute;
  width: var(--gradientWidth, 10%);
  z-index: 2;
}
.gradient.svelte-11dmb27.svelte-11dmb27:before {
  left: 0;
  top: 0;
}
.gradient.svelte-11dmb27.svelte-11dmb27:after {
  right: 0;
  top: 0;
  transform: rotate(180deg);
}
.notification-container.svelte-hdx1ei.svelte-hdx1ei {
  z-index: 999;
  pointer-events: auto;
  position: absolute;
  width: calc(100% - 40px) !important;
  max-width: 850px;
  height: 55px !important;
  left: 50%;
  top: 100px;
  transform: translate(-50%);
  background: #fff;
  border-radius: 16px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: #598ba6;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  gap: 18px;
  line-height: normal;
}
.notification-container.svelte-hdx1ei .notification-text.svelte-hdx1ei {
  flex-grow: 1;
}
@media only screen and (max-width: 1199px) {
  .notification-container.svelte-hdx1ei.svelte-hdx1ei {
    top: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .notification-container.svelte-hdx1ei.svelte-hdx1ei {
    top: 150px;
  }
}
.notification-container.svelte-ebcw8g.svelte-ebcw8g {
  z-index: 999;
  pointer-events: auto;
  position: absolute;
  width: calc(100% - 40px) !important;
  max-width: 850px;
  height: auto !important;
  left: 50%;
  top: 100px;
  transform: translate(-50%);
  background: #fff;
  border-radius: 16px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  display: flex;
  align-items: center;
  padding: 10px 15px;
  color: #598ba6;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  gap: 8px;
  line-height: normal;
}
@media only screen and (max-width: 575px) {
  .notification-container.svelte-ebcw8g .speaker img.svelte-ebcw8g {
    width: 30px;
  }
}
@media only screen and (max-height: 575px) {
  .notification-container.svelte-ebcw8g .speaker img.svelte-ebcw8g {
    width: 30px;
  }
}
.studio-wrapper.svelte-zdrn1e.svelte-zdrn1e {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-zdrn1e.svelte-zdrn1e {
  position: relative;
  pointer-events: auto;
  width: min(1200px, 100% - 40px);
  height: 100%;
  max-height: 575px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-zdrn1e .wrapper-close-icon.svelte-zdrn1e {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .wrapper-close-icon
  .close-icon.svelte-zdrn1e {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-zdrn1e
  .wrapper-close-icon
  .close-icon
  img.svelte-zdrn1e {
  width: 42px;
}
div.studio-logo-container-main.svelte-zdrn1e
  div.studio-logo-logo.svelte-zdrn1e {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-zdrn1e
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-zdrn1e {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container.svelte-zdrn1e {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container.svelte-zdrn1e {
  flex-grow: 1;
  height: 100%;
  width: 25%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-zdrn1e {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-zdrn1e {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-zdrn1e {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description.svelte-zdrn1e {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-zdrn1e {
  width: 135px;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-zdrn1e {
  width: 100px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-zdrn1e {
  display: none;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-zdrn1e {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-zdrn1e {
  display: none;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-zdrn1e {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-zdrn1e {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-zdrn1e {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-zdrn1e {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item.svelte-zdrn1e {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  gap: 2px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item.svelte-zdrn1e {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  .quantity.svelte-zdrn1e {
  color: #10509f;
  font-size: 16px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-zdrn1e {
  width: 40px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-zdrn1e {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .list-item-container-wrapper.svelte-zdrn1e {
  flex-grow: 1;
  width: 50%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-zdrn1e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-zdrn1e {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-zdrn1e {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-zdrn1e {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-zdrn1e:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container.svelte-zdrn1e {
  flex-grow: 1;
  width: 25%;
  height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-title-wrapper.svelte-zdrn1e {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title.svelte-zdrn1e {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title
  img.svelte-zdrn1e {
  display: block;
  max-width: 100%;
  height: 40px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container.svelte-zdrn1e {
  flex-grow: 1;
  overflow-y: auto;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .item-img
  img.svelte-zdrn1e {
  width: 128px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info.svelte-zdrn1e {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title.svelte-zdrn1e {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title
  .quantity.svelte-zdrn1e {
  font-size: 18px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time.svelte-zdrn1e {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  img.svelte-zdrn1e {
  width: 48px;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  .time.svelte-zdrn1e {
  font-size: 30px;
  font-weight: 700;
}
div.studio-logo-container-main.svelte-zdrn1e
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .btn-collect.svelte-zdrn1e {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  width: 127px;
  background-size: contain !important;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-zdrn1e.svelte-zdrn1e {
    max-height: 475px;
    width: calc(100% - 20px);
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon.svelte-zdrn1e {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon
    .close-icon
    img.svelte-zdrn1e {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-zdrn1e {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container.svelte-zdrn1e {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container.svelte-zdrn1e {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-zdrn1e {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-zdrn1e {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description.svelte-zdrn1e {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-zdrn1e {
    width: 100px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-zdrn1e {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-zdrn1e {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-zdrn1e {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-zdrn1e {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-zdrn1e,
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-zdrn1e,
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-zdrn1e {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-zdrn1e {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-zdrn1e {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper.svelte-zdrn1e {
    flex-grow: 1;
    width: 40%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-zdrn1e {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-zdrn1e {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-zdrn1e {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-zdrn1e:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container.svelte-zdrn1e {
    flex-grow: 1;
    width: 30%;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-zdrn1e {
    font-size: 15px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-zdrn1e {
    height: 30px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-zdrn1e {
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-zdrn1e {
    width: 96px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-zdrn1e {
    gap: 10px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-zdrn1e {
    font-size: 18px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-zdrn1e {
    font-size: 12px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-zdrn1e {
    width: 36px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-zdrn1e {
    font-size: 24px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-zdrn1e {
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    width: 115px;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-zdrn1e.svelte-zdrn1e {
    width: calc(100% - 20px);
    max-height: 600px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-zdrn1e .short-button.svelte-zdrn1e {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-zdrn1e .btn-pc.svelte-zdrn1e {
    display: none;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon.svelte-zdrn1e {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon
    .close-icon
    img.svelte-zdrn1e {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-zdrn1e {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container.svelte-zdrn1e {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container.svelte-zdrn1e {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-zdrn1e {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-zdrn1e {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-zdrn1e {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description.svelte-zdrn1e {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-zdrn1e {
    width: 100px;
    height: 76px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-zdrn1e {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-zdrn1e {
    display: flex;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-zdrn1e,
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-zdrn1e {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-zdrn1e {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-zdrn1e {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-zdrn1e {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper.svelte-zdrn1e {
    flex-grow: 1;
    width: 100%;
    max-height: 168px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-zdrn1e {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-zdrn1e {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-zdrn1e {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-zdrn1e:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container.svelte-zdrn1e {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    max-height: 130px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 8px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-zdrn1e {
    display: none;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-zdrn1e {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: #10509f;
    gap: 10px;
    margin-bottom: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-zdrn1e {
    width: 100px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-zdrn1e {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-zdrn1e {
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-zdrn1e {
    font-size: 10px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-zdrn1e {
    width: 28px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-zdrn1e {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-zdrn1e.svelte-zdrn1e {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon.svelte-zdrn1e {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon
    .close-icon.svelte-zdrn1e {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .wrapper-close-icon
    .close-icon
    img.svelte-zdrn1e {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-zdrn1e {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container.svelte-zdrn1e {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container.svelte-zdrn1e {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-zdrn1e {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-zdrn1e {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-zdrn1e {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description.svelte-zdrn1e {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-zdrn1e {
    display: none;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-zdrn1e {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-zdrn1e {
    display: block;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-zdrn1e {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-zdrn1e {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-zdrn1e {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-zdrn1e {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-zdrn1e {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(238, 238, 238, 0.8);
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-zdrn1e {
    color: #10509f;
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-zdrn1e {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-zdrn1e {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper.svelte-zdrn1e {
    flex-grow: 1;
    width: 40%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-zdrn1e {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-zdrn1e {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-zdrn1e {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-zdrn1e:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container.svelte-zdrn1e {
    flex-grow: 1;
    width: 30%;
    height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-zdrn1e {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title.svelte-zdrn1e {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-zdrn1e {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-zdrn1e {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 10px;
    padding: 10px;
    margin-bottom: 8px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-zdrn1e {
    width: 75px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-zdrn1e {
    font-size: 13px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-zdrn1e {
    font-size: 10px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-zdrn1e {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-zdrn1e {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-zdrn1e
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-zdrn1e {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
    margin-top: 10px;
  }
}
div.studio-logo-container-main.svelte-me4dj2.svelte-me4dj2 {
  position: relative;
  pointer-events: auto;
  width: min(900px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
.studio-wrapper.svelte-qkoou7.svelte-qkoou7 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-qkoou7.svelte-qkoou7 {
  position: relative;
  pointer-events: auto;
  width: min(1200px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-qkoou7 .wrapper-close-icon.svelte-qkoou7 {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-qkoou7
  .wrapper-close-icon
  .close-icon.svelte-qkoou7 {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-qkoou7
  .wrapper-close-icon
  .close-icon
  img.svelte-qkoou7 {
  width: 42px;
}
div.studio-logo-container-main.svelte-qkoou7
  div.studio-logo-logo.svelte-qkoou7 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-qkoou7
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-qkoou7 {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container.svelte-qkoou7 {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container.svelte-qkoou7 {
  flex-grow: 1;
  height: 100%;
  width: 25%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-qkoou7 {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-qkoou7 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-qkoou7 {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description.svelte-qkoou7 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-qkoou7 {
  width: 135px;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-qkoou7 {
  width: 100px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-qkoou7 {
  display: none;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-qkoou7 {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-qkoou7 {
  display: none;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-qkoou7 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-qkoou7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-qkoou7 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-qkoou7 {
  line-height: normal;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item.svelte-qkoou7 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  gap: 15px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item.svelte-qkoou7 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  .quantity.svelte-qkoou7 {
  color: #10509f;
  font-size: 16px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-qkoou7 {
  width: 40px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-qkoou7 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .list-item-container-wrapper.svelte-qkoou7 {
  flex-grow: 1;
  width: 50%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-qkoou7 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-qkoou7 {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-qkoou7 {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-qkoou7 {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-qkoou7:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container.svelte-qkoou7 {
  flex-grow: 1;
  width: 25%;
  height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-title-wrapper.svelte-qkoou7 {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title.svelte-qkoou7 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title
  img.svelte-qkoou7 {
  display: block;
  max-width: 100%;
  height: 40px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container.svelte-qkoou7 {
  flex-grow: 1;
  overflow-y: auto;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .btn-cancel.svelte-qkoou7 {
  position: absolute;
  top: 5px;
  right: 5px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .btn-cancel
  img.svelte-qkoou7 {
  width: 30px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .item-img
  img.svelte-qkoou7 {
  width: 128px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info.svelte-qkoou7 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title.svelte-qkoou7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title
  .quantity.svelte-qkoou7 {
  font-size: 18px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time.svelte-qkoou7 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  img.svelte-qkoou7 {
  width: 48px;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  .time.svelte-qkoou7 {
  font-size: 30px;
  font-weight: 700;
}
div.studio-logo-container-main.svelte-qkoou7
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .btn-collect.svelte-qkoou7 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  width: 127px;
  background-size: contain !important;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-qkoou7.svelte-qkoou7 {
    max-height: 475px;
    width: calc(100% - 20px);
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon.svelte-qkoou7 {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon
    .close-icon
    img.svelte-qkoou7 {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-qkoou7 {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container.svelte-qkoou7 {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container.svelte-qkoou7 {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-qkoou7 {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-qkoou7 {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description.svelte-qkoou7 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-qkoou7 {
    width: 100px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-qkoou7 {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-qkoou7 {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-qkoou7 {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-qkoou7 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-qkoou7,
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-qkoou7,
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-qkoou7 {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-qkoou7 {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-qkoou7 {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper.svelte-qkoou7 {
    flex-grow: 1;
    width: 40%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-qkoou7 {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-qkoou7 {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-qkoou7 {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-qkoou7:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container.svelte-qkoou7 {
    flex-grow: 1;
    width: 30%;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-qkoou7 {
    font-size: 15px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-qkoou7 {
    height: 30px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-qkoou7 {
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .btn-cancel
    img.svelte-qkoou7 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-qkoou7 {
    width: 96px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-qkoou7 {
    gap: 10px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-qkoou7 {
    font-size: 18px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-qkoou7 {
    font-size: 12px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-qkoou7 {
    width: 36px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-qkoou7 {
    font-size: 24px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-qkoou7 {
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    width: 115px;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-qkoou7.svelte-qkoou7 {
    width: calc(100% - 20px);
    max-height: 590px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-qkoou7 .short-button.svelte-qkoou7 {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-qkoou7 .btn-pc.svelte-qkoou7 {
    display: none;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon.svelte-qkoou7 {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon
    .close-icon
    img.svelte-qkoou7 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-qkoou7 {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container.svelte-qkoou7 {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container.svelte-qkoou7 {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-qkoou7 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-qkoou7 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-qkoou7 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description.svelte-qkoou7 {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-qkoou7 {
    width: 100px;
    height: 76px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-qkoou7 {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-qkoou7 {
    display: flex;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-qkoou7,
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-qkoou7 {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-qkoou7 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-qkoou7 {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-qkoou7 {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper.svelte-qkoou7 {
    flex-grow: 1;
    width: 100%;
    max-height: 168px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-qkoou7 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-qkoou7 {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-qkoou7 {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-qkoou7:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container.svelte-qkoou7 {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    max-height: 130px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 8px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-qkoou7 {
    display: none;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-qkoou7 {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: #10509f;
    gap: 10px;
    margin-bottom: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .btn-cancel.svelte-qkoou7 {
    top: 2px;
    right: 2px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .btn-cancel
    img.svelte-qkoou7 {
    width: 22px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-qkoou7 {
    width: 100px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-qkoou7 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-qkoou7 {
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-qkoou7 {
    font-size: 10px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-qkoou7 {
    width: 28px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-qkoou7 {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-qkoou7.svelte-qkoou7 {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon.svelte-qkoou7 {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon
    .close-icon.svelte-qkoou7 {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .wrapper-close-icon
    .close-icon
    img.svelte-qkoou7 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-qkoou7 {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container.svelte-qkoou7 {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container.svelte-qkoou7 {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-qkoou7 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-qkoou7 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-qkoou7 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description.svelte-qkoou7 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-qkoou7 {
    display: none;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-qkoou7 {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-qkoou7 {
    display: block;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-qkoou7 {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-qkoou7 {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-qkoou7 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-qkoou7 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-qkoou7 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(238, 238, 238, 0.8);
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-qkoou7 {
    color: #10509f;
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-qkoou7 {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-qkoou7 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper.svelte-qkoou7 {
    flex-grow: 1;
    width: 40%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-qkoou7 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-qkoou7 {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-qkoou7 {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-qkoou7:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container.svelte-qkoou7 {
    flex-grow: 1;
    width: 30%;
    height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-qkoou7 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title.svelte-qkoou7 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-qkoou7 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-qkoou7 {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 10px;
    padding: 10px;
    margin-bottom: 8px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .btn-cancel.svelte-qkoou7 {
    top: 2px;
    right: 2px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .btn-cancel
    img.svelte-qkoou7 {
    width: 22px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-qkoou7 {
    width: 75px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-qkoou7 {
    font-size: 13px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-qkoou7 {
    font-size: 10px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-qkoou7 {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-qkoou7 {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-qkoou7
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-qkoou7 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
    margin-top: 10px;
  }
}
.studio-wrapper.svelte-me4dj2.svelte-me4dj2 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-me4dj2.svelte-me4dj2 {
  position: relative;
  pointer-events: auto;
  width: min(900px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-me4dj2 .wrapper-close-icon.svelte-me4dj2 {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-me4dj2
  .wrapper-close-icon
  .close-icon.svelte-me4dj2 {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-me4dj2
  .wrapper-close-icon
  .close-icon
  img.svelte-me4dj2 {
  width: 42px;
}
div.studio-logo-container-main.svelte-me4dj2
  div.studio-logo-logo.svelte-me4dj2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-me4dj2
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-me4dj2 {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container.svelte-me4dj2 {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container.svelte-me4dj2 {
  flex-grow: 1;
  height: 100%;
  width: 35%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-me4dj2 {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-me4dj2 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-me4dj2 {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description.svelte-me4dj2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-me4dj2 {
  width: 135px;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-me4dj2 {
  width: 100px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-me4dj2 {
  display: none;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-me4dj2 {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-me4dj2 {
  display: none;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-me4dj2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-me4dj2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-me4dj2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-me4dj2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-me4dj2 {
  width: 40px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-me4dj2 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .list-item-container-wrapper.svelte-me4dj2 {
  flex-grow: 1;
  width: 65%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-me4dj2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-me4dj2 {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-me4dj2 {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-me4dj2 {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-me4dj2
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-me4dj2:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-me4dj2.svelte-me4dj2 {
    max-height: 475px;
    width: min(630px, 100% - 20px);
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon.svelte-me4dj2 {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon
    .close-icon
    img.svelte-me4dj2 {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-me4dj2 {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container.svelte-me4dj2 {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container.svelte-me4dj2 {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-me4dj2 {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-me4dj2 {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description.svelte-me4dj2 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-me4dj2 {
    width: 100px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-me4dj2 {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-me4dj2 {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-me4dj2 {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-me4dj2 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-me4dj2,
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-me4dj2 {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-me4dj2 {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-me4dj2 {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper.svelte-me4dj2 {
    flex-grow: 1;
    width: 60%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-me4dj2 {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-me4dj2 {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-me4dj2 {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-me4dj2:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-me4dj2.svelte-me4dj2 {
    width: calc(100% - 20px);
    max-height: 500px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-me4dj2 .short-button.svelte-me4dj2 {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-me4dj2 .btn-pc.svelte-me4dj2 {
    display: none;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon.svelte-me4dj2 {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon
    .close-icon
    img.svelte-me4dj2 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-me4dj2 {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container.svelte-me4dj2 {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container.svelte-me4dj2 {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-me4dj2 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-me4dj2 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-me4dj2 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description.svelte-me4dj2 {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-me4dj2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-me4dj2 {
    width: 100px;
    height: 76px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-me4dj2 {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-me4dj2 {
    display: flex;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-me4dj2 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-me4dj2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-me4dj2,
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-me4dj2 {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-me4dj2 {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper.svelte-me4dj2 {
    flex-grow: 1;
    width: 100%;
    max-height: 230px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-me4dj2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-me4dj2 {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-me4dj2 {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-me4dj2:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-me4dj2.svelte-me4dj2 {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon.svelte-me4dj2 {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon
    .close-icon.svelte-me4dj2 {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .wrapper-close-icon
    .close-icon
    img.svelte-me4dj2 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-me4dj2 {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container.svelte-me4dj2 {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container.svelte-me4dj2 {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-me4dj2 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-me4dj2 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-me4dj2 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description.svelte-me4dj2 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-me4dj2 {
    display: none;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-me4dj2 {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-me4dj2 {
    display: block;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-me4dj2 {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-me4dj2 {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-me4dj2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-me4dj2 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-me4dj2 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-me4dj2 {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-me4dj2 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper.svelte-me4dj2 {
    flex-grow: 1;
    width: 60%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-me4dj2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-me4dj2 {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-me4dj2 {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-me4dj2
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-me4dj2:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
.studio-wrapper.svelte-1odgt44.svelte-1odgt44 {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1odgt44.svelte-1odgt44 {
  position: relative;
  pointer-events: auto;
  width: min(1200px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-1odgt44
  .wrapper-close-icon.svelte-1odgt44 {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-1odgt44
  .wrapper-close-icon
  .close-icon.svelte-1odgt44 {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-1odgt44
  .wrapper-close-icon
  .close-icon
  img.svelte-1odgt44 {
  width: 42px;
}
div.studio-logo-container-main.svelte-1odgt44
  div.studio-logo-logo.svelte-1odgt44 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1odgt44
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-1odgt44 {
  display: block;
  height: 66px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container.svelte-1odgt44 {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container.svelte-1odgt44 {
  flex-grow: 1;
  height: 100%;
  width: 25%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-1odgt44 {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-1odgt44 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-1odgt44 {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description.svelte-1odgt44 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-1odgt44 {
  width: 135px;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-1odgt44 {
  width: 100px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-1odgt44 {
  display: none;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-1odgt44 {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-1odgt44 {
  display: none;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-1odgt44 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-1odgt44 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-1odgt44 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-1odgt44 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item.svelte-1odgt44 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  gap: 15px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item.svelte-1odgt44 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  .quantity.svelte-1odgt44 {
  color: #10509f;
  font-size: 16px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-1odgt44 {
  width: 40px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-1odgt44 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .list-item-container-wrapper.svelte-1odgt44 {
  flex-grow: 1;
  width: 50%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-1odgt44 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-1odgt44 {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-1odgt44 {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-1odgt44 {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-1odgt44:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container.svelte-1odgt44 {
  flex-grow: 1;
  width: 25%;
  height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-title-wrapper.svelte-1odgt44 {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title.svelte-1odgt44 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title
  img.svelte-1odgt44 {
  display: block;
  max-width: 100%;
  height: 40px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container.svelte-1odgt44 {
  flex-grow: 1;
  overflow-y: auto;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .item-img
  img.svelte-1odgt44 {
  width: 128px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info.svelte-1odgt44 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title.svelte-1odgt44 {
  font-size: 24px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time.svelte-1odgt44 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  img.svelte-1odgt44 {
  width: 48px;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  .time.svelte-1odgt44 {
  font-size: 30px;
  font-weight: 700;
}
div.studio-logo-container-main.svelte-1odgt44
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .btn-collect.svelte-1odgt44 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  width: 127px;
  background-size: contain !important;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-1odgt44.svelte-1odgt44 {
    max-height: 475px;
    width: calc(100% - 20px);
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon.svelte-1odgt44 {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon
    .close-icon
    img.svelte-1odgt44 {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-1odgt44 {
    height: 45px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container.svelte-1odgt44 {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container.svelte-1odgt44 {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-1odgt44 {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-1odgt44 {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description.svelte-1odgt44 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-1odgt44 {
    width: 100px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-1odgt44 {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-1odgt44 {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-1odgt44 {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-1odgt44 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-1odgt44,
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-1odgt44,
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-1odgt44 {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-1odgt44 {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-1odgt44 {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper.svelte-1odgt44 {
    flex-grow: 1;
    width: 40%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-1odgt44 {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-1odgt44 {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-1odgt44 {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-1odgt44:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container.svelte-1odgt44 {
    flex-grow: 1;
    width: 30%;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-1odgt44 {
    font-size: 15px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-1odgt44 {
    height: 30px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-1odgt44 {
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-1odgt44 {
    width: 96px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-1odgt44 {
    gap: 10px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-1odgt44 {
    font-size: 18px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-1odgt44 {
    width: 36px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-1odgt44 {
    font-size: 24px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-1odgt44 {
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    width: 115px;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-1odgt44.svelte-1odgt44 {
    width: calc(100% - 20px);
    max-height: 590px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-1odgt44 .short-button.svelte-1odgt44 {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-1odgt44 .btn-pc.svelte-1odgt44 {
    display: none;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon.svelte-1odgt44 {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon
    .close-icon
    img.svelte-1odgt44 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-1odgt44 {
    height: 36px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container.svelte-1odgt44 {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container.svelte-1odgt44 {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-1odgt44 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-1odgt44 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-1odgt44 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description.svelte-1odgt44 {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-1odgt44 {
    width: 100px;
    height: 76px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-1odgt44 {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-1odgt44 {
    display: flex;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-1odgt44,
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-1odgt44 {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-1odgt44 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-1odgt44 {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-1odgt44 {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper.svelte-1odgt44 {
    flex-grow: 1;
    width: 100%;
    max-height: 168px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-1odgt44 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-1odgt44 {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-1odgt44 {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-1odgt44:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container.svelte-1odgt44 {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    max-height: 130px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 8px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-1odgt44 {
    display: none;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-1odgt44 {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: #10509f;
    gap: 10px;
    margin-bottom: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-1odgt44 {
    width: 100px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-1odgt44 {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-1odgt44 {
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-1odgt44 {
    width: 28px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-1odgt44 {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-1odgt44.svelte-1odgt44 {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon.svelte-1odgt44 {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon
    .close-icon.svelte-1odgt44 {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .wrapper-close-icon
    .close-icon
    img.svelte-1odgt44 {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-1odgt44 {
    height: 36px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container.svelte-1odgt44 {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container.svelte-1odgt44 {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-1odgt44 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-1odgt44 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-1odgt44 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description.svelte-1odgt44 {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-1odgt44 {
    display: none;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-1odgt44 {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-1odgt44 {
    display: block;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-1odgt44 {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-1odgt44 {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-1odgt44 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-1odgt44 {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-1odgt44 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(238, 238, 238, 0.8);
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-1odgt44 {
    color: #10509f;
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-1odgt44 {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-1odgt44 {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper.svelte-1odgt44 {
    flex-grow: 1;
    width: 40%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-1odgt44 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-1odgt44 {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-1odgt44 {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-1odgt44:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container.svelte-1odgt44 {
    flex-grow: 1;
    width: 30%;
    height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-1odgt44 {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title.svelte-1odgt44 {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-1odgt44 {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-1odgt44 {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 10px;
    padding: 10px;
    margin-bottom: 8px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-1odgt44 {
    width: 75px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-1odgt44 {
    font-size: 13px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-1odgt44 {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-1odgt44 {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-1odgt44
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-1odgt44 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
    margin-top: 10px;
  }
}
.studio-wrapper.svelte-1d4bofp.svelte-1d4bofp {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-primary.svelte-1d4bofp.svelte-1d4bofp {
  width: 120px;
  height: 40px;
}
div.ticket-claim-container-main.svelte-1d4bofp.svelte-1d4bofp {
  position: relative;
  pointer-events: auto;
  width: min(500px, 100% - 40px);
  height: auto;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 3px solid #10509f;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 2rem;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .wrapper-close-icon.svelte-1d4bofp {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .wrapper-close-icon
  .close-icon.svelte-1d4bofp {
  top: 0;
  right: 0;
  padding: 0;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .wrapper-close-icon
  .close-icon
  img.svelte-1d4bofp {
  width: 40px;
}
div.ticket-claim-container-main.svelte-1d4bofp div.sofi-logo.svelte-1d4bofp {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.ticket-claim-container-main.svelte-1d4bofp
  div.sofi-logo
  img.sofi-logo-title.svelte-1d4bofp {
  display: block;
  height: 76px;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .main-content-container.svelte-1d4bofp {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: block;
  padding: 0 20px 20px;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .main-content-container
  .ticket-bg.svelte-1d4bofp {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .main-content-container
  .ticket-bg
  img.bg-ticket.svelte-1d4bofp {
  width: 100%;
  opacity: 86%;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .main-content-container
  .ticket-bg
  img.ticket.svelte-1d4bofp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 200px;
}
div.ticket-claim-container-main.svelte-1d4bofp
  .main-content-container
  .btn-claim.svelte-1d4bofp {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
@media only screen and (max-width: 991px) {
  div.ticket-claim-container-main.svelte-1d4bofp
    .wrapper-close-icon.svelte-1d4bofp {
    top: 8px;
    right: 8px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .wrapper-close-icon
    .close-icon
    img.svelte-1d4bofp {
    width: 30px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    div.sofi-logo
    img.sofi-logo-title.svelte-1d4bofp {
    height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .button-primary.svelte-1d4bofp.svelte-1d4bofp {
    width: 80px;
    height: 26px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp.svelte-1d4bofp {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .wrapper-close-icon.svelte-1d4bofp {
    top: 5px;
    right: 5px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .wrapper-close-icon
    .close-icon
    img.svelte-1d4bofp {
    width: 25px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    div.sofi-logo
    img.sofi-logo-title.svelte-1d4bofp {
    height: 50px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .main-content-container.svelte-1d4bofp {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    gap: 12px;
    padding: 0 19px 9px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .main-content-container
    .ticket-bg
    img.ticket.svelte-1d4bofp {
    max-width: 100px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .main-content-container
    .btn-claim.svelte-1d4bofp {
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-height: 575px) {
  .button-primary.svelte-1d4bofp.svelte-1d4bofp {
    width: 80px;
    height: 26px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp.svelte-1d4bofp {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 300px;
    max-width: 288px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .wrapper-close-icon.svelte-1d4bofp {
    top: 5px;
    right: 5px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .wrapper-close-icon
    .close-icon
    img.svelte-1d4bofp {
    width: 25px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    div.sofi-logo
    img.sofi-logo-title.svelte-1d4bofp {
    height: 50px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .main-content-container.svelte-1d4bofp {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    gap: 12px;
    padding: 0 19px 9px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .main-content-container
    .ticket-bg
    img.ticket.svelte-1d4bofp {
    max-width: 100px;
  }
  div.ticket-claim-container-main.svelte-1d4bofp
    .main-content-container
    .btn-claim.svelte-1d4bofp {
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
.studio-wrapper.svelte-yeyurm.svelte-yeyurm {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-yeyurm.svelte-yeyurm {
  position: relative;
  pointer-events: auto;
  width: min(1000px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-yeyurm .wrapper-close-icon.svelte-yeyurm {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-yeyurm
  .wrapper-close-icon
  .close-icon.svelte-yeyurm {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-yeyurm
  .wrapper-close-icon
  .close-icon
  img.svelte-yeyurm {
  width: 42px;
}
div.studio-logo-container-main.svelte-yeyurm
  div.studio-logo-logo.svelte-yeyurm {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-yeyurm
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-yeyurm {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container.svelte-yeyurm {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container.svelte-yeyurm {
  flex-grow: 1;
  height: 100%;
  width: 35%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-yeyurm {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-yeyurm {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-yeyurm {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description.svelte-yeyurm {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-yeyurm {
  width: 150px;
  height: 150px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #9e691d;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-yeyurm {
  width: 100%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-yeyurm {
  display: none;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-yeyurm {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-yeyurm {
  display: none;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-yeyurm {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-yeyurm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-yeyurm {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-yeyurm {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-yeyurm {
  width: 40px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-yeyurm {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper.svelte-yeyurm {
  flex-grow: 1;
  width: 65%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-yeyurm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-yeyurm {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-yeyurm {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-yeyurm {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .claimed.svelte-yeyurm {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .claimed
  img.svelte-yeyurm {
  width: 100%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .sold-out.svelte-yeyurm {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .sold-out
  img.svelte-yeyurm {
  width: 100%;
}
div.studio-logo-container-main.svelte-yeyurm
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-yeyurm:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-yeyurm.svelte-yeyurm {
    max-height: 475px;
    width: min(630px, 100% - 20px);
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon.svelte-yeyurm {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon
    .close-icon
    img.svelte-yeyurm {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-yeyurm {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container.svelte-yeyurm {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container.svelte-yeyurm {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-yeyurm {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-yeyurm {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description.svelte-yeyurm {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-yeyurm {
    width: 120px;
    height: 120px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-yeyurm {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-yeyurm {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-yeyurm {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-yeyurm,
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-yeyurm {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-yeyurm {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-yeyurm {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper.svelte-yeyurm {
    flex-grow: 1;
    width: 60%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-yeyurm {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-yeyurm {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-yeyurm {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-yeyurm:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-yeyurm.svelte-yeyurm {
    width: calc(100% - 20px);
    max-height: 500px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-yeyurm .short-button.svelte-yeyurm {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-yeyurm .btn-pc.svelte-yeyurm {
    display: none;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon.svelte-yeyurm {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon
    .close-icon
    img.svelte-yeyurm {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-yeyurm {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container.svelte-yeyurm {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container.svelte-yeyurm {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-yeyurm {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-yeyurm {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-yeyurm {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description.svelte-yeyurm {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-yeyurm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-yeyurm {
    width: 80px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-yeyurm {
    display: flex;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-yeyurm {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-yeyurm {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-yeyurm,
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-yeyurm {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-yeyurm {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper.svelte-yeyurm {
    flex-grow: 1;
    width: 100%;
    max-height: 230px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-yeyurm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-yeyurm {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-yeyurm {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-yeyurm:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-yeyurm.svelte-yeyurm {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon.svelte-yeyurm {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon
    .close-icon.svelte-yeyurm {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .wrapper-close-icon
    .close-icon
    img.svelte-yeyurm {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-yeyurm {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container.svelte-yeyurm {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container.svelte-yeyurm {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-yeyurm {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-yeyurm {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-yeyurm {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description.svelte-yeyurm {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-yeyurm {
    display: none;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-yeyurm {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-yeyurm {
    display: block;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-yeyurm {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-yeyurm {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-yeyurm {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-yeyurm {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-yeyurm {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-yeyurm {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-yeyurm {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper.svelte-yeyurm {
    flex-grow: 1;
    width: 60%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-yeyurm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-yeyurm {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-yeyurm {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-yeyurm
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-yeyurm:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
.teleport-wrapper.svelte-11wn31f.svelte-11wn31f {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.svelte-11wn31f.svelte-11wn31f {
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
}
div.teleport-container-main.svelte-11wn31f.svelte-11wn31f {
  position: relative;
  pointer-events: auto;
  width: min(660px, 100% - 40px);
  height: auto;
  max-height: 526px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 3px solid #10509f;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 2rem;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
div.teleport-container-main.svelte-11wn31f .wrapper-close-icon.svelte-11wn31f {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.teleport-container-main.svelte-11wn31f
  .wrapper-close-icon
  .close-icon.svelte-11wn31f {
  top: 0;
  right: 0;
  padding: 0;
}
div.teleport-container-main.svelte-11wn31f
  .wrapper-close-icon
  .close-icon
  img.svelte-11wn31f {
  width: 40px;
}
div.teleport-container-main.svelte-11wn31f div.sofi-logo.svelte-11wn31f {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.teleport-container-main.svelte-11wn31f
  div.sofi-logo
  img.sofi-logo-title.svelte-11wn31f {
  display: block;
  height: 76px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container.svelte-11wn31f {
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 20px 20px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-action.svelte-11wn31f {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 20px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-action
  .input-field.svelte-11wn31f {
  flex-grow: 1;
  position: relative;
  height: 100%;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-action
  .input-field
  .btn-random.svelte-11wn31f {
  background: #02bafa;
  position: absolute;
  top: 4px;
  right: 4px;
  height: calc(100% - 8px);
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-action
  .input-field
  input.svelte-11wn31f {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 8px 20px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-action
  .btn-go.svelte-11wn31f {
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 4px #00000040;
  padding: 8px 20px;
  color: #598ba6;
  font-size: 20px;
  font-weight: 700;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-action
  .btn-bookmark
  img.svelte-11wn31f {
  width: 36px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-tab.svelte-11wn31f {
  margin-top: 40px;
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-tab
  .tab.svelte-11wn31f {
  padding: 8px 22px;
  color: #598ba6;
  font-size: 20px;
  font-weight: 700;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 4px #00000040;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .row-tab
  .filtered.svelte-11wn31f {
  background: #36479b !important;
  color: #fff !important;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .list-island-container-wrapper.svelte-11wn31f {
  flex-grow: 1;
  width: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 16px 6px;
  margin-top: 22px;
  overflow: auto;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .list-island-container-wrapper
  .list-island-container.svelte-11wn31f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  min-height: 205px;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .list-island-container-wrapper
  .list-island-container
  .island-container.svelte-11wn31f {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #fff;
  max-height: 100px;
  font-size: 15px;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .list-island-container-wrapper
  .list-island-container
  .island-container
  .status-green.svelte-11wn31f {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .list-island-container-wrapper
  .list-island-container
  .island-container
  img.svelte-11wn31f {
  width: 80px;
  max-width: 100%;
}
div.teleport-container-main.svelte-11wn31f
  .main-content-container
  .list-island-container-wrapper
  .list-island-container
  .island-container.selected.svelte-11wn31f:before {
  --b: 5px;
  --w: 18px;
  --r: 20px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
@media only screen and (max-width: 575px) {
  .btn.svelte-11wn31f.svelte-11wn31f {
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f.svelte-11wn31f {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 380px;
  }
  div.teleport-container-main.svelte-11wn31f
    .wrapper-close-icon.svelte-11wn31f {
    top: 5px;
    right: 5px;
  }
  div.teleport-container-main.svelte-11wn31f
    .wrapper-close-icon
    .close-icon
    img.svelte-11wn31f {
    width: 25px;
  }
  div.teleport-container-main.svelte-11wn31f
    div.sofi-logo
    img.sofi-logo-title.svelte-11wn31f {
    height: 50px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container.svelte-11wn31f {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    gap: 12px;
    padding: 0 14px 9px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action.svelte-11wn31f {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .input-field.svelte-11wn31f {
    height: 32px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .input-field
    input.svelte-11wn31f {
    padding: 4px 12px;
    color: #000;
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .input-field
    .btn-random.svelte-11wn31f {
    top: 2px;
    right: 2px;
    height: calc(100% - 4px);
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .btn-go.svelte-11wn31f {
    padding: 4px 15px;
    color: #598ba6;
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .btn-bookmark
    img.svelte-11wn31f {
    width: 18px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-tab.svelte-11wn31f {
    margin-top: 20px;
    gap: 6px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-tab
    .tab.svelte-11wn31f {
    padding: 4px 8px;
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper.svelte-11wn31f {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px 2px;
    margin-top: 12px;
    overflow: auto;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container.svelte-11wn31f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    min-height: 136px;
    overflow-y: auto;
    gap: 8px;
    margin-left: 10px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container.svelte-11wn31f {
    position: relative;
    flex-basis: calc(25% - 8px);
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    max-height: 60px;
    font-size: 10px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container
    .status-green.svelte-11wn31f {
    top: 5px;
    right: 5px;
    width: 6px;
    height: 6px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container
    img.svelte-11wn31f {
    width: 42px;
    max-width: 100%;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container.selected.svelte-11wn31f:before {
    --b: 3px;
    --w: 12px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-height: 575px) {
  .btn.svelte-11wn31f.svelte-11wn31f {
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f.svelte-11wn31f {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 360px;
    max-width: 350px;
  }
  div.teleport-container-main.svelte-11wn31f
    .wrapper-close-icon.svelte-11wn31f {
    top: 5px;
    right: 5px;
  }
  div.teleport-container-main.svelte-11wn31f
    .wrapper-close-icon
    .close-icon
    img.svelte-11wn31f {
    width: 25px;
  }
  div.teleport-container-main.svelte-11wn31f
    div.sofi-logo
    img.sofi-logo-title.svelte-11wn31f {
    height: 50px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container.svelte-11wn31f {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    gap: 12px;
    padding: 0 19px 9px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action.svelte-11wn31f {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .input-field.svelte-11wn31f {
    height: 32px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .input-field
    input.svelte-11wn31f {
    padding: 4px 12px;
    color: #000;
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .input-field
    .btn-random.svelte-11wn31f {
    top: 2px;
    right: 2px;
    height: calc(100% - 4px);
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .btn-go.svelte-11wn31f {
    padding: 4px 15px;
    color: #598ba6;
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-action
    .btn-bookmark
    img.svelte-11wn31f {
    width: 18px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-tab.svelte-11wn31f {
    margin-top: 20px;
    gap: 6px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .row-tab
    .tab.svelte-11wn31f {
    padding: 4px 8px;
    font-size: 12px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper.svelte-11wn31f {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px 2px;
    margin-top: 12px;
    overflow: auto;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container.svelte-11wn31f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    min-height: 136px;
    overflow-y: auto;
    gap: 8px;
    margin-left: 10px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container.svelte-11wn31f {
    position: relative;
    flex-basis: calc(25% - 8px);
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
    max-height: 60px;
    font-size: 10px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container
    .status-green.svelte-11wn31f {
    top: 5px;
    right: 5px;
    width: 6px;
    height: 6px;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container
    img.svelte-11wn31f {
    width: 42px;
    max-width: 100%;
  }
  div.teleport-container-main.svelte-11wn31f
    .main-content-container
    .list-island-container-wrapper
    .list-island-container
    .island-container.selected.svelte-11wn31f:before {
    --b: 3px;
    --w: 12px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
.island-info-wrapper.svelte-2qsvzl.svelte-2qsvzl {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-primary.svelte-2qsvzl.svelte-2qsvzl {
  width: 120px;
  height: 40px;
}
div.island-info-container-main.svelte-2qsvzl.svelte-2qsvzl {
  position: relative;
  pointer-events: auto;
  width: min(500px, 100% - 40px);
  height: auto;
  max-height: 526px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 3px solid #10509f;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 2rem;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
div.island-info-container-main.svelte-2qsvzl .wrapper-close-icon.svelte-2qsvzl {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.island-info-container-main.svelte-2qsvzl
  .wrapper-close-icon
  .close-icon.svelte-2qsvzl {
  top: 0;
  right: 0;
  padding: 0;
}
div.island-info-container-main.svelte-2qsvzl
  .wrapper-close-icon
  .close-icon
  img.svelte-2qsvzl {
  width: 40px;
}
div.island-info-container-main.svelte-2qsvzl div.sofi-logo.svelte-2qsvzl {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.island-info-container-main.svelte-2qsvzl
  div.sofi-logo
  img.sofi-logo-title.svelte-2qsvzl {
  display: block;
  height: 76px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container.svelte-2qsvzl {
  width: 100%;
  padding: 0 23px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info.svelte-2qsvzl {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 15px 20px;
  background: #fff;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-name.svelte-2qsvzl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-name
  .island-name.svelte-2qsvzl {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-name
  .island-name
  .island-status.svelte-2qsvzl {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ff0000;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-name
  .island-name
  .status-green.svelte-2qsvzl {
  background: #96de49 !important;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-name
  .btn-bookmark.svelte-2qsvzl {
  display: flex;
  border-radius: 10px;
  background: #eee;
  align-items: center;
  padding: 3px 8px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  gap: 5px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-name
  .btn-bookmark
  img.svelte-2qsvzl {
  height: 24px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-owner.svelte-2qsvzl {
  margin-top: 10px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-meta-data.svelte-2qsvzl {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-meta-data
  .meta-data.svelte-2qsvzl {
  flex: 1 0 calc(20% - 10px);
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-meta-data
  .meta-data
  img.svelte-2qsvzl {
  width: 48px;
  height: 48px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-btn-inside.svelte-2qsvzl {
  display: flex;
  justify-content: space-between;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-btn-inside
  .btn-blue-border.svelte-2qsvzl {
  margin-top: 15px;
  display: flex;
  border-radius: 10px;
  border: 1px solid #0086ff;
  background: #fff;
  padding: 3px 8px;
  box-shadow: 0 4px 4px #00000040;
  gap: 9px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-btn-inside
  .btn-blue-border
  img.svelte-2qsvzl {
  width: 22px;
  height: 22px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-btn-inside
  .btn-blue-border
  p.svelte-2qsvzl {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-btn-inside
  .row-btn-open-sea.svelte-2qsvzl {
  width: 200px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-info
  .row-btn-inside
  .row-btn-leader-board.svelte-2qsvzl {
  width: 150px;
}
div.island-info-container-main.svelte-2qsvzl
  .main-content-container
  .row-button.svelte-2qsvzl {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  div.island-info-container-main.svelte-2qsvzl.svelte-2qsvzl {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 380px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .wrapper-close-icon.svelte-2qsvzl {
    top: 5px;
    right: 5px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .wrapper-close-icon
    .close-icon
    img.svelte-2qsvzl {
    width: 25px;
  }
  div.island-info-container-main.svelte-2qsvzl
    div.sofi-logo
    img.sofi-logo-title.svelte-2qsvzl {
    height: 50px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container.svelte-2qsvzl {
    padding: 0 12px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info.svelte-2qsvzl {
    padding: 12px;
    background: #fff;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .island-name.svelte-2qsvzl {
    font-size: 16px;
    gap: 6px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .island-name
    .island-status.svelte-2qsvzl {
    width: 12px;
    height: 12px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .btn-bookmark.svelte-2qsvzl {
    font-size: 11px;
    gap: 3px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .btn-bookmark
    img.svelte-2qsvzl {
    height: 15px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-owner.svelte-2qsvzl {
    margin-top: 5px;
    font-size: 14px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-meta-data.svelte-2qsvzl {
    margin-top: 15px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-meta-data
    .meta-data.svelte-2qsvzl {
    gap: 0px;
    font-size: 11px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-meta-data
    .meta-data
    img.svelte-2qsvzl {
    width: 30px;
    height: 30px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .row-btn-open-sea.svelte-2qsvzl {
    width: 145px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .row-btn-leader-board.svelte-2qsvzl {
    width: 108px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .btn-blue-border.svelte-2qsvzl {
    margin-top: 10px;
    gap: 5px;
    align-items: center;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .btn-blue-border
    img.svelte-2qsvzl {
    width: 18px;
    height: 18px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .btn-blue-border
    p.svelte-2qsvzl {
    color: #000;
    font-size: 11px;
    font-weight: 600;
  }
}
@media only screen and (max-height: 575px) {
  div.island-info-container-main.svelte-2qsvzl.svelte-2qsvzl {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 380px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .wrapper-close-icon.svelte-2qsvzl {
    top: 5px;
    right: 5px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .wrapper-close-icon
    .close-icon
    img.svelte-2qsvzl {
    width: 25px;
  }
  div.island-info-container-main.svelte-2qsvzl
    div.sofi-logo
    img.sofi-logo-title.svelte-2qsvzl {
    height: 50px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container.svelte-2qsvzl {
    padding: 0 12px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info.svelte-2qsvzl {
    padding: 12px;
    background: #fff;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .island-name.svelte-2qsvzl {
    font-size: 16px;
    gap: 6px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .island-name
    .island-status.svelte-2qsvzl {
    width: 12px;
    height: 12px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .btn-bookmark.svelte-2qsvzl {
    font-size: 11px;
    gap: 3px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-name
    .btn-bookmark
    img.svelte-2qsvzl {
    height: 15px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-owner.svelte-2qsvzl {
    margin-top: 5px;
    font-size: 14px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-meta-data.svelte-2qsvzl {
    margin-top: 15px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-meta-data
    .meta-data.svelte-2qsvzl {
    gap: 0px;
    font-size: 11px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-meta-data
    .meta-data
    img.svelte-2qsvzl {
    width: 30px;
    height: 30px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .btn-blue-border.svelte-2qsvzl {
    margin-top: 10px;
    gap: 5px;
    align-items: center;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .btn-blue-border
    img.svelte-2qsvzl {
    width: 18px;
    height: 18px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .btn-blue-border
    p.svelte-2qsvzl {
    color: #000;
    font-size: 11px;
    font-weight: 600;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .row-btn-open-sea.svelte-2qsvzl {
    width: 145px;
  }
  div.island-info-container-main.svelte-2qsvzl
    .main-content-container
    .row-info
    .row-btn-inside
    .row-btn-leader-board.svelte-2qsvzl {
    width: 108px;
  }
}
.vip-modal-wrapper.svelte-1xqbih6.svelte-1xqbih6 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vip-modal-container.svelte-1xqbih6.svelte-1xqbih6 {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-1xqbih6.svelte-1xqbih6 {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1xqbih6 img.svelte-1xqbih6 {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-1xqbih6 img.svelte-1xqbih6:hover {
  transform: scale(1.1);
}
div.vip-container-main.svelte-1xqbih6.svelte-1xqbih6 {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 15px 26px;
}
div.vip-container-main.svelte-1xqbih6 div.ducky-logo.svelte-1xqbih6 {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.vip-container-main.svelte-1xqbih6
  div.ducky-logo
  img.ducky-logo-title.svelte-1xqbih6 {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.vip-container-main.svelte-1xqbih6 div.vip-content-container.svelte-1xqbih6 {
  position: relative;
  width: 100%;
  height: calc(100% - 85px);
  max-width: 100%;
  border-radius: 25px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  padding: 10px 31px 22px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .current-vip-container.svelte-1xqbih6 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 10px;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .current-vip-container
  .vip-title.svelte-1xqbih6 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
  border-radius: 12px;
  padding: 10px;
  height: 32px;
  color: #f1de2e;
  font-size: 20px;
  font-weight: 700;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .current-vip-container
  .expired-date.svelte-1xqbih6 {
  font-size: 18px;
  font-weight: 500;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .current-vip-container
  .expired-date
  .value.svelte-1xqbih6 {
  font-weight: 700;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .current-vip-container
  .detail-link-container.svelte-1xqbih6 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 147px;
  height: 28px;
  padding: 3px 7px;
  background-color: #f9f9f9;
  border-radius: 12px;
  font-size: 16px;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .current-vip-container
  .detail-link-container
  .icon
  img.svelte-1xqbih6 {
  display: block;
  height: 100%;
  max-height: 22px;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container.svelte-1xqbih6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 27px;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .option-row.svelte-1xqbih6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .vip-option.svelte-1xqbih6 {
  width: 120px;
  height: 133px;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 4px 4px 1px #00000040;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 8px 18px 15px;
  font-size: 18px;
  transition: 0.2s;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .vip-option
  .title.svelte-1xqbih6 {
  font-weight: 700;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .vip-option
  .price.svelte-1xqbih6 {
  font-size: 15px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .vip-option
  .buy-button.svelte-1xqbih6 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 30px;
  border-radius: 10px;
  background: #f1de2e;
  font-weight: 600;
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .vip-option
  .buy-button.svelte-1xqbih6:hover:not(.disabled) {
  transform: scale(1.02);
}
div.vip-container-main.svelte-1xqbih6
  div.vip-content-container
  .vip-options-container
  .vip-option.svelte-1xqbih6:hover:not(.disabled) {
  transform: translateY(-3px);
}
@media only screen and (max-width: 575px) {
  p.close-icon.svelte-1xqbih6 img.svelte-1xqbih6 {
    width: 20px;
  }
  div.vip-container-main.svelte-1xqbih6.svelte-1xqbih6 {
    padding: 0 11px 19px;
  }
  div.vip-container-main.svelte-1xqbih6 div.ducky-logo.svelte-1xqbih6 {
    margin-top: 13px;
    margin-bottom: 10px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.ducky-logo
    img.ducky-logo-title.svelte-1xqbih6 {
    height: 100%;
    max-height: 60px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container.svelte-1xqbih6 {
    padding: 15px 30px 30px;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .current-vip-container.svelte-1xqbih6 {
    gap: 5px;
    width: 100%;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .current-vip-container
    .vip-title.svelte-1xqbih6 {
    border-radius: 8px;
    height: 18px;
    font-size: 14px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .current-vip-container
    .expired-date.svelte-1xqbih6 {
    font-size: 12px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .current-vip-container
    .detail-link-container.svelte-1xqbih6 {
    gap: 6px;
    width: auto;
    height: 16px;
    padding: 3px 5px;
    border-radius: 12px;
    font-size: 12px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .current-vip-container
    .detail-link-container
    .icon
    img.svelte-1xqbih6 {
    max-height: 10px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .vip-options-container.svelte-1xqbih6 {
    gap: 25px;
    flex-direction: column;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .vip-options-container
    .option-row.svelte-1xqbih6 {
    gap: 25px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .vip-options-container
    .vip-option.svelte-1xqbih6 {
    width: 110px;
    height: 135px;
    gap: 15px;
    padding: 6px 8px;
    font-size: 14px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .vip-options-container
    .vip-option
    .price.svelte-1xqbih6 {
    font-size: 12px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .vip-options-container
    .vip-option
    .buy-button.svelte-1xqbih6 {
    width: 60px;
    height: 30px;
    border-radius: 8px;
  }
  div.vip-container-main.svelte-1xqbih6
    div.vip-content-container
    .vip-options-container
    .vip-option.svelte-1xqbih6:hover:not(.disabled) {
    transform: translateY(-3px);
  }
}
div.studio-logo-container-main.svelte-1ekspg.svelte-1ekspg {
  position: relative;
  pointer-events: auto;
  width: min(1000px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
.float-notification-wrapper.svelte-1ghq5oy.svelte-1ghq5oy {
  margin-top: 40px;
  position: absolute !important;
  width: 600px !important;
  top: 0;
  left: calc(50% - 300px);
  height: auto !important;
  z-index: 999999;
}
.notification-container.svelte-1ghq5oy.svelte-1ghq5oy {
  background-image: url(/assets/setting-background.efddc8db.png);
  padding: 8px;
  border: 4px solid #10509f;
  pointer-events: auto;
  border-radius: 15px;
  background-size: cover;
}
.notification-content-container.svelte-1ghq5oy.svelte-1ghq5oy {
  border: 1px solid #c5c5c5;
  background-color: #fff;
  border-radius: 15px;
}
.notification-content-container.svelte-1ghq5oy .notification.svelte-1ghq5oy {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 8px;
  font-size: 16px;
}
.notification-content-container.svelte-1ghq5oy
  .notification
  .prefix.svelte-1ghq5oy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 92%;
  height: 65px;
}
.notification-content-container.svelte-1ghq5oy
  .notification
  .prefix
  .icon.svelte-1ghq5oy {
  width: 65px;
  height: 65px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.notification-content-container.svelte-1ghq5oy
  .notification
  .prefix
  .icon
  img.svelte-1ghq5oy {
  display: block;
  height: 61px;
  border-radius: 15px;
}
.notification-content-container.svelte-1ghq5oy
  .notification
  .prefix
  .content.svelte-1ghq5oy {
  width: calc(100% - 65px);
  padding: 2px 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notification-content-container.svelte-1ghq5oy
  .notification
  .suffix.svelte-1ghq5oy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  height: 65px;
}
.notification-content-container.svelte-1ghq5oy
  .notification
  .suffix
  .count-duplicate.svelte-1ghq5oy {
  display: inline-block;
  width: auto;
  height: auto;
}
@media only screen and (max-width: 991px) {
  .float-notification-wrapper.svelte-1ghq5oy.svelte-1ghq5oy {
    margin-top: 20px;
    width: 300px !important;
    left: calc(50% - 150px);
  }
  .notification-container.svelte-1ghq5oy.svelte-1ghq5oy {
    padding: 8px;
    border: 2px solid #10509f;
    border-radius: 10px;
  }
  .notification-content-container.svelte-1ghq5oy.svelte-1ghq5oy {
    border-radius: 10px;
  }
  .notification-content-container.svelte-1ghq5oy .notification.svelte-1ghq5oy {
    padding: 5px;
    font-size: 12px;
  }
  .notification-content-container.svelte-1ghq5oy
    .notification
    .prefix.svelte-1ghq5oy {
    width: 92%;
    height: 35px;
  }
  .notification-content-container.svelte-1ghq5oy
    .notification
    .prefix
    .icon.svelte-1ghq5oy {
    width: 35px;
    height: 35px;
  }
  .notification-content-container.svelte-1ghq5oy
    .notification
    .prefix
    .icon
    img.svelte-1ghq5oy {
    height: 31px;
    border-radius: 10px;
  }
  .notification-content-container.svelte-1ghq5oy
    .notification
    .prefix
    .content.svelte-1ghq5oy {
    width: calc(100% - 35px);
    -webkit-line-clamp: 3;
  }
  .notification-content-container.svelte-1ghq5oy
    .notification
    .suffix.svelte-1ghq5oy {
    height: 35px;
  }
}
.studio-wrapper.svelte-7tytfk.svelte-7tytfk {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-7tytfk.svelte-7tytfk {
  position: relative;
  pointer-events: auto;
  width: min(1200px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-7tytfk .wrapper-close-icon.svelte-7tytfk {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-7tytfk
  .wrapper-close-icon
  .close-icon.svelte-7tytfk {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-7tytfk
  .wrapper-close-icon
  .close-icon
  img.svelte-7tytfk {
  width: 42px;
}
div.studio-logo-container-main.svelte-7tytfk
  div.studio-logo-logo.svelte-7tytfk {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-7tytfk
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-7tytfk {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container.svelte-7tytfk {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container.svelte-7tytfk {
  flex-grow: 1;
  height: 100%;
  width: 25%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-7tytfk {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-7tytfk {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-7tytfk {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description.svelte-7tytfk {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-7tytfk {
  width: 135px;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-7tytfk {
  width: 100px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-7tytfk {
  display: none;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-7tytfk {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-7tytfk {
  display: none;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-7tytfk {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-7tytfk {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-7tytfk {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-7tytfk {
  line-height: normal;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item.svelte-7tytfk {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  gap: 2px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item.svelte-7tytfk {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  .quantity.svelte-7tytfk {
  color: #10509f;
  font-size: 16px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-7tytfk {
  width: 36px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-7tytfk {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .list-item-container-wrapper.svelte-7tytfk {
  flex-grow: 1;
  width: 50%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-7tytfk {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-7tytfk {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-7tytfk {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-7tytfk {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-7tytfk:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container.svelte-7tytfk {
  flex-grow: 1;
  width: 25%;
  height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-title-wrapper.svelte-7tytfk {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title.svelte-7tytfk {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-title-wrapper
  .crafting-title
  img.svelte-7tytfk {
  display: block;
  max-width: 100%;
  height: 40px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container.svelte-7tytfk {
  flex-grow: 1;
  overflow-y: auto;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .item-img
  img.svelte-7tytfk {
  width: 128px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info.svelte-7tytfk {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title.svelte-7tytfk {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .title
  .quantity.svelte-7tytfk {
  font-size: 18px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time.svelte-7tytfk {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  img.svelte-7tytfk {
  width: 48px;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .crafting-time
  .time.svelte-7tytfk {
  font-size: 30px;
  font-weight: 700;
}
div.studio-logo-container-main.svelte-7tytfk
  .main-content-container
  .crafting-container
  .crafting-info-container
  .crafting-info
  .btn-collect.svelte-7tytfk {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  width: 127px;
  background-size: contain !important;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-7tytfk.svelte-7tytfk {
    max-height: 475px;
    width: calc(100% - 20px);
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon.svelte-7tytfk {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon
    .close-icon
    img.svelte-7tytfk {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-7tytfk {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container.svelte-7tytfk {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container.svelte-7tytfk {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-7tytfk {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-7tytfk {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description.svelte-7tytfk {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-7tytfk {
    width: 100px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-7tytfk {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-7tytfk {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-7tytfk {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-7tytfk {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-7tytfk,
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-7tytfk,
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-7tytfk {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-7tytfk {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-7tytfk {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper.svelte-7tytfk {
    flex-grow: 1;
    width: 40%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-7tytfk {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-7tytfk {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-7tytfk {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-7tytfk:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container.svelte-7tytfk {
    flex-grow: 1;
    width: 30%;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-7tytfk {
    font-size: 15px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-7tytfk {
    height: 30px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-7tytfk {
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-7tytfk {
    width: 96px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-7tytfk {
    gap: 10px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-7tytfk {
    font-size: 18px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-7tytfk {
    font-size: 12px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-7tytfk {
    width: 36px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-7tytfk {
    font-size: 24px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-7tytfk {
    font-size: 16px;
    font-weight: 700;
    height: 36px;
    width: 115px;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-7tytfk.svelte-7tytfk {
    width: calc(100% - 20px);
    max-height: 590px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-7tytfk .short-button.svelte-7tytfk {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-7tytfk .btn-pc.svelte-7tytfk {
    display: none;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon.svelte-7tytfk {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon
    .close-icon
    img.svelte-7tytfk {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-7tytfk {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container.svelte-7tytfk {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container.svelte-7tytfk {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-7tytfk {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-7tytfk {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-7tytfk {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description.svelte-7tytfk {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-7tytfk {
    width: 100px;
    height: 76px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-7tytfk {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-7tytfk {
    display: flex;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-7tytfk,
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-7tytfk {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-7tytfk {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-7tytfk {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-7tytfk {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper.svelte-7tytfk {
    flex-grow: 1;
    width: 100%;
    max-height: 168px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-7tytfk {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-7tytfk {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-7tytfk {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-7tytfk:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container.svelte-7tytfk {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    max-height: 130px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 8px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-7tytfk {
    display: none;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-7tytfk {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    color: #10509f;
    gap: 10px;
    margin-bottom: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-7tytfk {
    width: 100px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-7tytfk {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-7tytfk {
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-7tytfk {
    font-size: 10px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-7tytfk {
    width: 28px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-7tytfk {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-7tytfk.svelte-7tytfk {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon.svelte-7tytfk {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon
    .close-icon.svelte-7tytfk {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .wrapper-close-icon
    .close-icon
    img.svelte-7tytfk {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-7tytfk {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container.svelte-7tytfk {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container.svelte-7tytfk {
    flex-grow: 1;
    height: 100%;
    width: 30%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-7tytfk {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-7tytfk {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-7tytfk {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description.svelte-7tytfk {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-7tytfk {
    display: none;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-7tytfk {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-7tytfk {
    display: block;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-7tytfk {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-7tytfk {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-7tytfk {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-7tytfk {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-7tytfk {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(238, 238, 238, 0.8);
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-7tytfk {
    color: #10509f;
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-7tytfk {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-7tytfk {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper.svelte-7tytfk {
    flex-grow: 1;
    width: 40%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-7tytfk {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-7tytfk {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-7tytfk {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-7tytfk:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container.svelte-7tytfk {
    flex-grow: 1;
    width: 30%;
    height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-title-wrapper.svelte-7tytfk {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title.svelte-7tytfk {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 2px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-title-wrapper
    .crafting-title
    img.svelte-7tytfk {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container.svelte-7tytfk {
    flex-grow: 1;
    overflow-y: auto;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #10509f;
    gap: 10px;
    padding: 10px;
    margin-bottom: 8px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .item-img
    img.svelte-7tytfk {
    width: 75px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title.svelte-7tytfk {
    font-size: 13px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .title
    .quantity.svelte-7tytfk {
    font-size: 10px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    img.svelte-7tytfk {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .crafting-time
    .time.svelte-7tytfk {
    font-size: 16px;
    font-weight: 700;
  }
  div.studio-logo-container-main.svelte-7tytfk
    .main-content-container
    .crafting-container
    .crafting-info-container
    .crafting-info
    .btn-collect.svelte-7tytfk {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 25px;
    width: 80px;
    background-size: contain;
    margin-top: 10px;
  }
}
.studio-wrapper.svelte-pbrzpe.svelte-pbrzpe {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-pbrzpe.svelte-pbrzpe {
  position: relative;
  pointer-events: auto;
  width: min(900px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-pbrzpe .wrapper-close-icon.svelte-pbrzpe {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .wrapper-close-icon
  .close-icon.svelte-pbrzpe {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-pbrzpe
  .wrapper-close-icon
  .close-icon
  img.svelte-pbrzpe {
  width: 42px;
}
div.studio-logo-container-main.svelte-pbrzpe
  div.studio-logo-logo.svelte-pbrzpe {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-pbrzpe
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-pbrzpe {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container.svelte-pbrzpe {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container.svelte-pbrzpe {
  flex-grow: 1;
  height: 100%;
  width: 35%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-pbrzpe {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-pbrzpe {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-pbrzpe {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description.svelte-pbrzpe {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-pbrzpe {
  width: 135px;
  height: 100px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-pbrzpe {
  width: 100px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-pbrzpe {
  display: none;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-pbrzpe {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-pbrzpe {
  display: none;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-pbrzpe {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-pbrzpe {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-pbrzpe {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .require-item.svelte-pbrzpe {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  gap: 2px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .require-item
  .item.svelte-pbrzpe {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .require-item
  .item
  .quantity.svelte-pbrzpe {
  color: #10509f;
  font-size: 16px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .require-item
  .item
  img.svelte-pbrzpe {
  width: 40px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-pbrzpe {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item.svelte-pbrzpe {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: rgba(238, 238, 238, 0.8);
  gap: 15px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item.svelte-pbrzpe {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  .quantity.svelte-pbrzpe {
  color: #10509f;
  font-size: 16px;
  font-weight: 600;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-pbrzpe {
  width: 40px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-pbrzpe {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .list-item-container-wrapper.svelte-pbrzpe {
  flex-grow: 1;
  width: 65%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-pbrzpe {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-pbrzpe {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-pbrzpe {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-pbrzpe {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-pbrzpe
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-pbrzpe:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-pbrzpe.svelte-pbrzpe {
    max-height: 475px;
    width: min(630px, 100% - 20px);
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon.svelte-pbrzpe {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon
    .close-icon
    img.svelte-pbrzpe {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-pbrzpe {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container.svelte-pbrzpe {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container.svelte-pbrzpe {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-pbrzpe {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-pbrzpe {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description.svelte-pbrzpe {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-pbrzpe {
    width: 100px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-pbrzpe {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-pbrzpe {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-pbrzpe {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-pbrzpe {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-pbrzpe,
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-pbrzpe {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-pbrzpe,
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-pbrzpe {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-pbrzpe {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-pbrzpe {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper.svelte-pbrzpe {
    flex-grow: 1;
    width: 60%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-pbrzpe {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-pbrzpe {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-pbrzpe {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-pbrzpe:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-pbrzpe.svelte-pbrzpe {
    width: calc(100% - 20px);
    max-height: 500px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-pbrzpe .short-button.svelte-pbrzpe {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-pbrzpe .btn-pc.svelte-pbrzpe {
    display: none;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon.svelte-pbrzpe {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon
    .close-icon
    img.svelte-pbrzpe {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-pbrzpe {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container.svelte-pbrzpe {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container.svelte-pbrzpe {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-pbrzpe {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-pbrzpe {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-pbrzpe {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description.svelte-pbrzpe {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-pbrzpe {
    width: 100px;
    height: 76px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img
    img.svelte-pbrzpe {
    width: 80px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-pbrzpe {
    display: flex;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-pbrzpe {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item.svelte-pbrzpe {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item
    .item.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item
    .item
    .quantity.svelte-pbrzpe {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item
    .item
    img.svelte-pbrzpe {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-pbrzpe {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-pbrzpe {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-pbrzpe {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-pbrzpe {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper.svelte-pbrzpe {
    flex-grow: 1;
    width: 100%;
    max-height: 230px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-pbrzpe {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-pbrzpe {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-pbrzpe {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-pbrzpe:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-pbrzpe.svelte-pbrzpe {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon.svelte-pbrzpe {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon
    .close-icon.svelte-pbrzpe {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .wrapper-close-icon
    .close-icon
    img.svelte-pbrzpe {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-pbrzpe {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container.svelte-pbrzpe {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container.svelte-pbrzpe {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-pbrzpe {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-pbrzpe {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-pbrzpe {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description.svelte-pbrzpe {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-pbrzpe {
    display: none;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-pbrzpe {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-pbrzpe {
    display: block;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-pbrzpe {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-pbrzpe {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-pbrzpe {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item.svelte-pbrzpe {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(238, 238, 238, 0.8);
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item
    .item.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item
    .item
    .quantity.svelte-pbrzpe {
    color: #10509f;
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .require-item
    .item
    img.svelte-pbrzpe {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-pbrzpe {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item.svelte-pbrzpe {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: rgba(238, 238, 238, 0.8);
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item.svelte-pbrzpe {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    .quantity.svelte-pbrzpe {
    color: #10509f;
    font-size: 14px;
    font-weight: 600;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-pbrzpe {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-pbrzpe {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper.svelte-pbrzpe {
    flex-grow: 1;
    width: 60%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-pbrzpe {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-pbrzpe {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-pbrzpe {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-pbrzpe
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-pbrzpe:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
.island-info-wrapper.svelte-1phl1ib.svelte-1phl1ib {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.island-info-container-main.svelte-1phl1ib.svelte-1phl1ib {
  position: relative;
  pointer-events: auto;
  width: min(550px, 100% - 40px);
  height: auto;
  height: 526px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 3px solid #10509f;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 2rem;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
div.island-info-container-main.svelte-1phl1ib
  .wrapper-close-icon.svelte-1phl1ib {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.island-info-container-main.svelte-1phl1ib
  .wrapper-close-icon
  .close-icon.svelte-1phl1ib {
  top: 0;
  right: 0;
  padding: 0;
}
div.island-info-container-main.svelte-1phl1ib
  .wrapper-close-icon
  .close-icon
  img.svelte-1phl1ib {
  width: 40px;
}
div.island-info-container-main.svelte-1phl1ib div.sofi-logo.svelte-1phl1ib {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.island-info-container-main.svelte-1phl1ib
  div.sofi-logo
  img.sofi-logo-title.svelte-1phl1ib {
  display: block;
  height: 76px;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container.svelte-1phl1ib {
  width: 100%;
  height: 0;
  flex-grow: 1;
  padding: 0 23px 23px;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content.svelte-1phl1ib {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 15px 20px;
  background: #fff;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-filter.svelte-1phl1ib {
  display: flex;
  gap: 15px;
  --font-size: 16px;
  --height: 32px;
  --width: 150px;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .lastUpdate.svelte-1phl1ib {
  font-weight: 500;
  margin-top: 10px;
  color: #00f;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-list.svelte-1phl1ib {
  margin-top: 10px;
  flex-grow: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-list
  .row-item.svelte-1phl1ib {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 10px;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-list
  .row-item
  .content.svelte-1phl1ib {
  margin-top: 8px;
  display: flex;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-list
  .row-item
  .content
  p.svelte-1phl1ib {
  display: flex;
  justify-content: flex-start;
  flex-grow: 1;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-list
  .row-item
  .content
  .quantity.svelte-1phl1ib {
  flex-grow: 2;
  justify-content: flex-end;
}
div.island-info-container-main.svelte-1phl1ib
  .main-content-container
  .row-ranking-content
  .row-list
  .row-item
  .divider.svelte-1phl1ib {
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
@media only screen and (max-width: 575px) {
  div.island-info-container-main.svelte-1phl1ib.svelte-1phl1ib {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 380px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .wrapper-close-icon.svelte-1phl1ib {
    top: 5px;
    right: 5px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .wrapper-close-icon
    .close-icon
    img.svelte-1phl1ib {
    width: 25px;
  }
  div.island-info-container-main.svelte-1phl1ib
    div.sofi-logo
    img.sofi-logo-title.svelte-1phl1ib {
    height: 50px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .main-content-container.svelte-1phl1ib {
    padding: 0 12px 12px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .main-content-container
    .row-ranking-content.svelte-1phl1ib {
    padding: 12px;
    background: #fff;
  }
  div.island-info-container-main.svelte-1phl1ib
    .main-content-container
    .row-ranking-content
    .row-filter.svelte-1phl1ib {
    display: flex;
    gap: 10px;
    --font-size: 12px;
    --width: 125px;
  }
}
@media only screen and (max-height: 575px) {
  div.island-info-container-main.svelte-1phl1ib.svelte-1phl1ib {
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
    font-size: 12px;
    line-height: 1.5rem;
    max-height: 380px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .wrapper-close-icon.svelte-1phl1ib {
    top: 5px;
    right: 5px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .wrapper-close-icon
    .close-icon
    img.svelte-1phl1ib {
    width: 25px;
  }
  div.island-info-container-main.svelte-1phl1ib
    div.sofi-logo
    img.sofi-logo-title.svelte-1phl1ib {
    height: 50px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .main-content-container.svelte-1phl1ib {
    padding: 0 12px 12px;
  }
  div.island-info-container-main.svelte-1phl1ib
    .main-content-container
    .row-ranking-content.svelte-1phl1ib {
    padding: 12px;
    background: #fff;
  }
  div.island-info-container-main.svelte-1phl1ib
    .main-content-container
    .row-ranking-content
    .row-filter.svelte-1phl1ib {
    display: flex;
    gap: 10px;
    --font-size: 12px;
    --width: 125px;
  }
}
.studio-wrapper.svelte-9mfrco.svelte-9mfrco {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-9mfrco.svelte-9mfrco {
  position: relative;
  pointer-events: auto;
  width: min(1000px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-9mfrco .wrapper-close-icon.svelte-9mfrco {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-9mfrco
  .wrapper-close-icon
  .close-icon.svelte-9mfrco {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-9mfrco
  .wrapper-close-icon
  .close-icon
  img.svelte-9mfrco {
  width: 42px;
}
div.studio-logo-container-main.svelte-9mfrco
  div.studio-logo-logo.svelte-9mfrco {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-9mfrco
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-9mfrco {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container.svelte-9mfrco {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container.svelte-9mfrco {
  flex-grow: 1;
  height: 100%;
  width: 35%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-9mfrco {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-9mfrco {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-9mfrco {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description.svelte-9mfrco {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-9mfrco {
  width: 150px;
  height: 150px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #9e691d;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-9mfrco {
  width: 100%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-9mfrco {
  display: none;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-9mfrco {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-9mfrco {
  display: none;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-9mfrco {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-9mfrco {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-9mfrco {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-9mfrco {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-9mfrco {
  width: 40px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-9mfrco {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper.svelte-9mfrco {
  flex-grow: 1;
  width: 65%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-9mfrco {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-9mfrco {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .status-green.svelte-9mfrco {
  position: absolute;
  background-color: #228b22;
  top: 10%;
  right: 10%;
  width: 12%;
  height: 12%;
  border-radius: 50%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-9mfrco {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .bought.svelte-9mfrco {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .bought
  img.svelte-9mfrco {
  width: 100%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .sold-out.svelte-9mfrco {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .sold-out
  img.svelte-9mfrco {
  width: 100%;
}
div.studio-logo-container-main.svelte-9mfrco
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-9mfrco:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-9mfrco.svelte-9mfrco {
    max-height: 475px;
    width: min(630px, 100% - 20px);
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon.svelte-9mfrco {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon
    .close-icon
    img.svelte-9mfrco {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-9mfrco {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container.svelte-9mfrco {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container.svelte-9mfrco {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-9mfrco {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-9mfrco {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description.svelte-9mfrco {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-9mfrco {
    width: 120px;
    height: 120px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-9mfrco {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-9mfrco {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-9mfrco {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-9mfrco,
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-9mfrco {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-9mfrco {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-9mfrco {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper.svelte-9mfrco {
    flex-grow: 1;
    width: 60%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-9mfrco {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-9mfrco {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-9mfrco {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-9mfrco:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-9mfrco.svelte-9mfrco {
    width: calc(100% - 20px);
    max-height: 500px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-9mfrco .short-button.svelte-9mfrco {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-9mfrco .btn-pc.svelte-9mfrco {
    display: none;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon.svelte-9mfrco {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon
    .close-icon
    img.svelte-9mfrco {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-9mfrco {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container.svelte-9mfrco {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container.svelte-9mfrco {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-9mfrco {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-9mfrco {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-9mfrco {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description.svelte-9mfrco {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-9mfrco {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-9mfrco {
    width: 80px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-9mfrco {
    display: flex;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-9mfrco {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-9mfrco {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-9mfrco,
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-9mfrco {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-9mfrco {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper.svelte-9mfrco {
    flex-grow: 1;
    width: 100%;
    max-height: 230px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-9mfrco {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-9mfrco {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-9mfrco {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-9mfrco:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-9mfrco.svelte-9mfrco {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon.svelte-9mfrco {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon
    .close-icon.svelte-9mfrco {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .wrapper-close-icon
    .close-icon
    img.svelte-9mfrco {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-9mfrco {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container.svelte-9mfrco {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container.svelte-9mfrco {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-9mfrco {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-9mfrco {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-9mfrco {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description.svelte-9mfrco {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-9mfrco {
    display: none;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-9mfrco {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-9mfrco {
    display: block;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-9mfrco {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-9mfrco {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-9mfrco {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-9mfrco {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-9mfrco {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-9mfrco {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-9mfrco {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper.svelte-9mfrco {
    flex-grow: 1;
    width: 60%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-9mfrco {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-9mfrco {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-9mfrco {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-9mfrco
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-9mfrco:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
.studio-wrapper.svelte-1ekspg.svelte-1ekspg {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1ekspg.svelte-1ekspg {
  position: relative;
  pointer-events: auto;
  width: min(1000px, 100% - 40px);
  height: 100%;
  max-height: 555px;
  background-image: url(/assets/setting-background.efddc8db.png);
  top: 0;
  left: 0;
  z-index: 1112;
  padding-top: 10px;
  row-gap: 5px;
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-style: normal;
  line-height: normal;
}
div.studio-logo-container-main.svelte-1ekspg .wrapper-close-icon.svelte-1ekspg {
  position: absolute;
  top: 10px;
  right: 10px;
}
div.studio-logo-container-main.svelte-1ekspg
  .wrapper-close-icon
  .close-icon.svelte-1ekspg {
  top: 0;
  right: 0;
  padding: 0;
}
div.studio-logo-container-main.svelte-1ekspg
  .wrapper-close-icon
  .close-icon
  img.svelte-1ekspg {
  width: 42px;
}
div.studio-logo-container-main.svelte-1ekspg
  div.studio-logo-logo.svelte-1ekspg {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1ekspg
  div.studio-logo-logo
  img.studio-logo-logo-title.svelte-1ekspg {
  display: block;
  width: 220px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container.svelte-1ekspg {
  flex-grow: 1;
  width: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 25px;
  padding: 0 20px 20px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container.svelte-1ekspg {
  flex-grow: 1;
  height: 100%;
  width: 35%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper.svelte-1ekspg {
  justify-self: start !important;
  padding: 4px;
  border: 2px solid #10509f;
  border-radius: 15px 15px 0 0;
  border-width: 0 0 2px 0;
  background-color: #fff;
  color: #10509f;
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info.svelte-1ekspg {
  display: flex;
  flex-direction: row;
  gap: 5px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .farm-coin-info-wrapper
  .farm-coin-info
  img.svelte-1ekspg {
  display: block;
  max-width: 100%;
  height: 30px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description.svelte-1ekspg {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-grow: 1;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img.svelte-1ekspg {
  width: 150px;
  height: 150px;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .item-img
  img.svelte-1ekspg {
  width: 100%;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-img-and-action
  .btn-mobile.svelte-1ekspg {
  display: none;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info.svelte-1ekspg {
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #fff;
  width: calc(100% - 26px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  color: #10509f;
  gap: 10px;
  padding: 10px;
  flex-grow: 1;
  margin-bottom: 20px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .item-img.svelte-1ekspg {
  display: none;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel.svelte-1ekspg {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row.svelte-1ekspg {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .info-panel
  .info-row
  .value.svelte-1ekspg {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .title.svelte-1ekspg {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .require-item
  .item
  img.svelte-1ekspg {
  width: 40px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .item-info-container
  .item-description
  .item-info
  .short-button.svelte-1ekspg {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  height: 42px;
  width: 84px;
  background-size: contain;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper.svelte-1ekspg {
  flex-grow: 1;
  width: 65%;
  height: 100%;
  max-height: 100%;
  border-radius: 15px;
  border: 2px solid #10509f;
  background: #badbff;
  padding: 30px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper
  .list-item-container.svelte-1ekspg {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  overflow-y: auto;
  gap: 10px;
  margin-left: 10px;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.svelte-1ekspg {
  position: relative;
  flex-basis: calc(20% - 10px);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  img.svelte-1ekspg {
  width: 80px;
  max-width: 100%;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .claimed
  img.svelte-1ekspg,
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container
  .sold-out
  img.svelte-1ekspg {
  width: 100%;
}
div.studio-logo-container-main.svelte-1ekspg
  .main-content-container
  .list-item-container-wrapper
  .list-item-container
  .item-container.selected.svelte-1ekspg:before {
  --b: 5px;
  --w: 18px;
  --r: 10px;
  content: "";
  position: absolute;
  inset: 0;
  background: #10509f;
  padding: var(--b);
  border-radius: var(--r);
  mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
      var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(
        0deg,
        #000 calc(2 * var(--b)),
        rgba(0, 0, 0, 0) 0
      )
      50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
    linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
      var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
    linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
@media only screen and (max-width: 991px) {
  div.studio-logo-container-main.svelte-1ekspg.svelte-1ekspg {
    max-height: 475px;
    width: min(630px, 100% - 20px);
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon.svelte-1ekspg {
    top: 8px;
    right: 8px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon
    .close-icon
    img.svelte-1ekspg {
    width: 30px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-1ekspg {
    width: 150px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container.svelte-1ekspg {
    gap: 9px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container.svelte-1ekspg {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-1ekspg {
    font-size: 16px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-1ekspg {
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description.svelte-1ekspg {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-1ekspg {
    width: 120px;
    height: 120px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-1ekspg {
    border-radius: 15px;
    background: #fff;
    width: calc(100% - 15px);
    gap: 10px;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-1ekspg {
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-1ekspg {
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-1ekspg,
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-1ekspg {
    font-size: 14px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-1ekspg {
    width: 35px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-1ekspg {
    font-size: 16px;
    height: 38px;
    width: 76px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper.svelte-1ekspg {
    flex-grow: 1;
    width: 60%;
    border-radius: 15px;
    padding: 9px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-1ekspg {
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-1ekspg {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-1ekspg {
    width: 60px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-1ekspg:before {
    --b: 5px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-width: 575px) {
  div.studio-logo-container-main.svelte-1ekspg.svelte-1ekspg {
    width: calc(100% - 20px);
    max-height: 500px;
    border-radius: 15px;
    font-style: normal;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-1ekspg .short-button.svelte-1ekspg {
    background: url(/assets/button-short.f7583515.png) no-repeat scroll 0 0
      transparent !important;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
  }
  div.studio-logo-container-main.svelte-1ekspg .btn-pc.svelte-1ekspg {
    display: none;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon.svelte-1ekspg {
    top: 5px;
    right: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon
    .close-icon
    img.svelte-1ekspg {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-1ekspg {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container.svelte-1ekspg {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 12px;
    padding: 0 9px 9px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container.svelte-1ekspg {
    flex-grow: 1;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-1ekspg {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 14px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-1ekspg {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-1ekspg {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description.svelte-1ekspg {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 0 8px 8px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-1ekspg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .item-img.svelte-1ekspg {
    width: 80px;
    height: 80px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action
    .btn-mobile.svelte-1ekspg {
    display: flex;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-1ekspg {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-1ekspg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-1ekspg,
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-1ekspg {
    font-size: 12px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-1ekspg {
    width: 26px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper.svelte-1ekspg {
    flex-grow: 1;
    width: 100%;
    max-height: 230px;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 10px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-1ekspg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-1ekspg {
    position: relative;
    flex-basis: calc(25% - 5px);
    aspect-ratio: 1/1;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-1ekspg {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-1ekspg:before {
    --b: 4px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
@media only screen and (max-height: 575px) {
  div.studio-logo-container-main.svelte-1ekspg.svelte-1ekspg {
    position: relative;
    pointer-events: auto;
    width: min(800px, 100% - 40px);
    height: 350px;
    padding-top: 2px;
    padding-bottom: 9px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon.svelte-1ekspg {
    position: absolute;
    top: 6px;
    right: 6px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon
    .close-icon.svelte-1ekspg {
    top: 0;
    right: 0;
    padding: 0;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .wrapper-close-icon
    .close-icon
    img.svelte-1ekspg {
    width: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    div.studio-logo-logo
    img.studio-logo-logo-title.svelte-1ekspg {
    width: 120px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container.svelte-1ekspg {
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 9px;
    padding: 0 9px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container.svelte-1ekspg {
    flex-grow: 1;
    height: 100%;
    width: 40%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper.svelte-1ekspg {
    justify-self: start !important;
    padding: 0;
    border: 2px solid #10509f;
    border-radius: 15px 15px 0 0;
    border-width: 0 0 2px 0;
    background-color: #fff;
    color: #10509f;
    font-weight: 700;
    font-size: 13px;
    width: 100%;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info.svelte-1ekspg {
    display: flex;
    flex-direction: row;
    gap: 5px;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .farm-coin-info-wrapper
    .farm-coin-info
    img.svelte-1ekspg {
    display: block;
    max-width: 100%;
    height: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description.svelte-1ekspg {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-img-and-action.svelte-1ekspg {
    display: none;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info.svelte-1ekspg {
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #fff;
    width: calc(100% - 8px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: #10509f;
    gap: 5px;
    padding: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img.svelte-1ekspg {
    display: block;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .item-img
    img.svelte-1ekspg {
    width: 75px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel.svelte-1ekspg {
    margin-top: -15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row.svelte-1ekspg {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .info-panel
    .info-row
    .value.svelte-1ekspg {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .title.svelte-1ekspg {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .require-item
    .item
    img.svelte-1ekspg {
    width: 40px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .item-info-container
    .item-description
    .item-info
    .short-button.svelte-1ekspg {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 30px;
    width: 60px;
    background-size: contain;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper.svelte-1ekspg {
    flex-grow: 1;
    width: 60%;
    height: 100%;
    max-height: 100%;
    border-radius: 15px;
    border: 2px solid #10509f;
    background: #badbff;
    padding: 12px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container.svelte-1ekspg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    overflow-y: auto;
    gap: 5px;
    margin-left: 5px;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.svelte-1ekspg {
    position: relative;
    flex-basis: calc(33% - 5px);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #fff;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container
    img.svelte-1ekspg {
    width: 80px;
    max-width: 100%;
  }
  div.studio-logo-container-main.svelte-1ekspg
    .main-content-container
    .list-item-container-wrapper
    .list-item-container
    .item-container.selected.svelte-1ekspg:before {
    --b: 3px;
    --w: 15px;
    --r: 10px;
    content: "";
    position: absolute;
    inset: 0;
    background: #10509f;
    padding: var(--b);
    border-radius: var(--r);
    mask: linear-gradient(0deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0) 50%
        var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask: linear-gradient(
          0deg,
          #000 calc(2 * var(--b)),
          rgba(0, 0, 0, 0) 0
        )
        50% var(--b) / calc(100% - 2 * var(--w)) 100% repeat-y,
      linear-gradient(-90deg, #000 calc(2 * var(--b)), rgba(0, 0, 0, 0) 0)
        var(--b) 50%/100% calc(100% - 2 * var(--w)) repeat-x,
      linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
  }
}
.ducky-atm-stake-global-wrapper.svelte-voj6a5.svelte-voj6a5 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ducky-atm-stake-wrapper.svelte-voj6a5.svelte-voj6a5 {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-voj6a5.svelte-voj6a5 {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-voj6a5 img.svelte-voj6a5 {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-voj6a5 img.svelte-voj6a5:hover {
  transform: scale(1.1);
}
div.ducky-atm-stake-container-main.svelte-voj6a5.svelte-voj6a5 {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 15px 26px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-logo.svelte-voj6a5 {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-logo
  img.ducky-atm-stake-logo-title.svelte-voj6a5 {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container.svelte-voj6a5 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 25px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  min-height: 300px;
  padding: 15px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item-container.svelte-voj6a5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 40px;
  padding-right: 5px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .floating-actions-container.svelte-voj6a5 {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 90%;
  display: flex;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .floating-actions-container
  .earnings-btn.svelte-voj6a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 30px;
  border-radius: 10px;
  background: #f1de2e;
  transition: 0.112s;
  font-weight: 600;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .floating-actions-container
  .earnings-btn.svelte-voj6a5:hover {
  transform: translateY(-1px);
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item.svelte-voj6a5 {
  display: flex;
  flex-direction: column;
  width: 450px;
  border-radius: 10px;
  background: #fff;
  border: 0.5px solid #b8afaf;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content.svelte-voj6a5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.5px solid #b8afaf;
  padding: 4px 18px;
  border-radius: 10px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  div.svelte-voj6a5 {
  height: 100%;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .prefix.svelte-voj6a5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .prefix
  .icon
  img.svelte-voj6a5 {
  display: block;
  width: 26px;
  height: 26px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .prefix
  .currency.svelte-voj6a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .text-type.svelte-voj6a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0006;
  font-size: 16px;
  font-weight: 400;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .suffix.svelte-voj6a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .suffix
  .text-apy.svelte-voj6a5 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #74ac59;
  font-size: 16px;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .suffix
  .info.svelte-voj6a5 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-content
  .suffix
  .info
  img.svelte-voj6a5 {
  display: block;
  height: 20px;
  width: 20px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-dropdown-content.svelte-voj6a5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-dropdown-content
  input.svelte-voj6a5 {
  display: block;
  width: 200px;
  height: 22px;
  background-color: #d9d9d94d;
  border: none;
  color: #0006;
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-dropdown-content
  .stake-button.svelte-voj6a5 {
  width: 68px;
  height: 20px;
  border-radius: 10px;
  background: #f1de2e;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.112s;
}
div.ducky-atm-stake-container-main.svelte-voj6a5
  div.ducky-atm-stake-content-container
  .item
  .item-dropdown-content
  .stake-button.svelte-voj6a5:hover {
  transform: translateY(-1px);
}
@media only screen and (max-width: 575px) {
  p.close-icon.svelte-voj6a5 img.svelte-voj6a5 {
    width: 20px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5.svelte-voj6a5 {
    border: 2px solid #10509f;
    border-radius: 15px;
    padding: 0 8px 9px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-logo.svelte-voj6a5 {
    margin-top: 2px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-logo
    img.ducky-atm-stake-logo-title.svelte-voj6a5 {
    height: 50px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container.svelte-voj6a5 {
    border-radius: 15px;
    min-height: 200px;
    padding: 15px 10px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item-container.svelte-voj6a5 {
    gap: 10px;
    height: 204px;
    padding-bottom: 25px;
    padding-right: 5px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .floating-actions-container.svelte-voj6a5 {
    bottom: 8px;
    left: 8px;
    width: 90%;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .floating-actions-container
    .earnings-btn.svelte-voj6a5 {
    width: 90px;
    height: 20px;
    border-radius: 10px;
    font-size: 12px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item.svelte-voj6a5 {
    width: 270px;
    border-radius: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content.svelte-voj6a5 {
    padding: 4px;
    border-radius: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .prefix.svelte-voj6a5 {
    gap: 7px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .prefix
    .icon
    img.svelte-voj6a5 {
    width: 15px;
    height: 15px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .prefix
    .currency.svelte-voj6a5 {
    font-size: 12px;
    font-weight: 700;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .text-type.svelte-voj6a5 {
    font-size: 12px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .suffix.svelte-voj6a5 {
    gap: 7px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .suffix
    .text-apy.svelte-voj6a5 {
    font-size: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-content
    .suffix
    .info
    img.svelte-voj6a5 {
    height: 10px;
    width: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-dropdown-content.svelte-voj6a5 {
    padding: 4px 6px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-dropdown-content
    input.svelte-voj6a5 {
    width: 110px;
    height: 14px;
    font-size: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-voj6a5
    div.ducky-atm-stake-content-container
    .item
    .item-dropdown-content
    .stake-button.svelte-voj6a5 {
    width: 46px;
    height: 14px;
    border-radius: 10px;
    font-size: 10px;
  }
}
.ducky-atm-stake-global-wrapper.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ducky-atm-stake-wrapper.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-ntzrbt img.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-ntzrbt img.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt:hover {
  transform: scale(1.1);
}
div.ducky-atm-stake-container-main.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  border: 4px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 15px 26px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-logo.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-logo
  img.ducky-atm-stake-logo-title.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 25px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  min-height: 300px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item-container.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  height: 302px;
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  width: 450px;
  border: 1px solid #c5c5c5;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 10px;
  font-size: 16px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item.svelte-ntzrbt
  > div.svelte-ntzrbt.svelte-ntzrbt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item.svelte-ntzrbt
  > div.svelte-ntzrbt
  > div.svelte-ntzrbt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .currency
  .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  gap: 8px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .currency
  .prefix
  .icon
  img.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  display: block;
  width: 26px;
  height: 26px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .currency
  .prefix
  .text-currency.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .currency
  .prefix
  .apy.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #74ac59;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .currency
  .suffix
  .text-stake-type.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #0006;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .total
  .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  gap: 5px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .total
  .prefix
  .label.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #0006;
  font-weight: 400;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .total
  .prefix
  .value.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #0006;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .total
  .suffix
  .text-time.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #0006;
  font-size: 14px;
  font-weight: 400;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .unclaim
  .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  gap: 5px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .unclaim
  .prefix
  .label.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #0006;
  font-weight: 400;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .unclaim
  .prefix
  .value.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #74ac59;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .unclaim
  .suffix
  .claim-btn.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 20px;
  font-weight: 600;
  border-radius: 10px;
  background: #f1de2e;
  transition: 0.112s;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .unclaim
  .suffix
  .claim-btn.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt:hover {
  transform: translateY(-1px);
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .earned
  .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  gap: 5px;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .earned
  .prefix
  .label.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #0006;
  font-weight: 400;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .earned
  .prefix
  .value.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  color: #74ac59;
  font-weight: 700;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .earned
  .suffix
  .unstake-btn.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 20px;
  font-weight: 600;
  border-radius: 10px;
  background: #f1de2e;
  transition: 0.112s;
}
div.ducky-atm-stake-container-main.svelte-ntzrbt
  div.ducky-atm-stake-content-container
  .item
  .earned
  .suffix
  .unstake-btn.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt:hover {
  transform: translateY(-1px);
}
@media only screen and (max-width: 575px) {
  p.close-icon.svelte-ntzrbt img.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    width: 20px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    border: 2px solid #10509f;
    border-radius: 15px;
    padding: 0 8px 9px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-logo.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    margin-top: 2px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-logo
    img.ducky-atm-stake-logo-title.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    height: 50px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    border-radius: 15px;
    min-height: 200px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item-container.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    gap: 5px;
    width: 270px;
    height: 200px;
    padding: 6px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    width: 250px;
    gap: 5px;
    padding: 6px 7px;
    border-radius: 10px;
    font-size: 12px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .currency
    .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    gap: 5px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .currency
    .prefix
    .icon
    img.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    width: 15px;
    height: 15px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .total.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    font-size: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .total
    .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    gap: 3px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .total
    .suffix
    .text-time.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt,
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .unclaim.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    font-size: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .unclaim
    .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    gap: 3px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .unclaim
    .suffix
    .claim-btn.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    width: 40px;
    height: 14px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .earned.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    font-size: 10px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .earned
    .prefix.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    gap: 3px;
  }
  div.ducky-atm-stake-container-main.svelte-ntzrbt
    div.ducky-atm-stake-content-container
    .item
    .earned
    .suffix
    .unstake-btn.svelte-ntzrbt.svelte-ntzrbt.svelte-ntzrbt {
    width: 60px;
    height: 14px;
  }
}
.action-icon.svelte-1wf54fn.svelte-1wf54fn {
  position: absolute;
  z-index: 1111;
  right: 2px;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.action-icon.svelte-1wf54fn img.svelte-1wf54fn {
  width: 50px;
  height: auto;
  pointer-events: auto;
}
.action-icon.svelte-1wf54fn img.btn-fish.svelte-1wf54fn {
  width: 80px !important;
}
.action-icon.svelte-1wf54fn img.svelte-1wf54fn:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 575px) {
  .action-icon.svelte-1wf54fn img.svelte-1wf54fn {
    width: 35px;
    pointer-events: auto;
  }
  .action-icon.svelte-1wf54fn img.btn-fish.svelte-1wf54fn {
    width: 50px !important;
  }
}
@media only screen and (max-height: 575px) {
  .action-icon.svelte-1wf54fn img.svelte-1wf54fn {
    width: 35px;
    pointer-events: auto;
  }
  .action-icon.svelte-1wf54fn img.btn-fish.svelte-1wf54fn {
    width: 50px !important;
  }
}
@keyframes svelte-1kiabur-bellshake {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(10deg) scale(1.05);
  }
  30% {
    transform: rotate(-30deg) scale(1.2);
  }
  45% {
    transform: rotate(4deg) scale(1);
  }
  60% {
    transform: rotate(-4deg) scale(1.25);
  }
  75% {
    transform: rotate(2deg) scale(1.1);
  }
  85% {
    transform: rotate(-2deg);
  }
  92% {
    transform: rotate(1deg);
  }
  to {
    transform: rotate(0);
  }
}
.fishing-pull-bar-container.svelte-1kiabur.svelte-1kiabur {
  position: relative;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
}
.fishing-pull-bar-container.svelte-1kiabur > div.svelte-1kiabur {
  border-radius: 3px;
}
.bar.svelte-1kiabur.svelte-1kiabur {
  position: relative;
  height: 45px;
  width: calc(100% - 105px);
  border: 3px solid rgba(24, 24, 24, 0.8);
  border-radius: 3px;
  background-color: #3939394d;
}
.actions.svelte-1kiabur.svelte-1kiabur {
  width: 105px;
  height: 80px;
  z-index: 400;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.actions.svelte-1kiabur img.svelte-1kiabur {
  display: block;
  max-height: 100%;
  animation: svelte-1kiabur-bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97)
    both;
  backface-visibility: hidden;
  transform-origin: center;
  animation-iteration-count: infinite;
}
.actions.svelte-1kiabur img.svelte-1kiabur:hover {
  cursor: pointer;
  transform: scale(1.01);
  transition: 0.112s;
}
.cell-container.svelte-1kiabur.svelte-1kiabur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 100;
}
.cell-container.svelte-1kiabur .cell.svelte-1kiabur {
  width: 1%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.cell-container.svelte-1kiabur .cell .unit.svelte-1kiabur {
  height: 30%;
  border-right: 0.2px solid black;
}
.cell-container.svelte-1kiabur .cell .text.svelte-1kiabur {
  position: absolute;
  top: -20px;
}
.cell-container.svelte-1kiabur .expected-range.svelte-1kiabur {
  background: rgba(0, 255, 51, 0.55) !important;
}
.progress-container.svelte-1kiabur.svelte-1kiabur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 150;
  overflow: hidden;
}
.progress-container.svelte-1kiabur .progress-cell.svelte-1kiabur {
  height: 100%;
  background: rgba(255, 0, 0, 0.8);
}
.mark-icon.svelte-1kiabur.svelte-1kiabur {
  border-radius: 0 !important;
  display: flex;
  height: calc(100% + 18px);
  transform: translateY(-16px) translate(-17px);
  z-index: 300;
}
.mark-icon.svelte-1kiabur .svelte-1kiabur {
  border-radius: 0 !important;
}
.mark-icon.svelte-1kiabur div.svelte-1kiabur {
  border-top: 18px solid rgba(232, 114, 26, 0.92);
}
.mark-icon.svelte-1kiabur .left.svelte-1kiabur {
  border-right: 2px solid rgba(232, 114, 26, 0.92);
  border-left: 15px solid transparent;
}
.mark-icon.svelte-1kiabur .right.svelte-1kiabur {
  border-left: 2px solid rgba(232, 114, 26, 0.92);
  border-right: 15px solid transparent;
}
@media only screen and (max-width: 1199px) {
  .fishing-pull-bar-container.svelte-1kiabur.svelte-1kiabur {
    height: 60px;
  }
  .cell-container.svelte-1kiabur .cell .unit.svelte-1kiabur {
    border-right: 0.2px solid black;
  }
  .cell-container.svelte-1kiabur .cell .text.svelte-1kiabur {
    top: -28px;
    left: -3px;
  }
  .mark-icon.svelte-1kiabur.svelte-1kiabur {
    height: calc(100% + 15px);
    transform: translateY(-13px) translate(-16.5px);
  }
  .mark-icon.svelte-1kiabur div.svelte-1kiabur {
    border-top: 15px solid rgba(232, 114, 26, 0.92);
  }
  .mark-icon.svelte-1kiabur .left.svelte-1kiabur {
    border-right: 1.5px solid rgba(232, 114, 26, 0.92);
    border-left: 15px solid transparent;
  }
  .mark-icon.svelte-1kiabur .right.svelte-1kiabur {
    border-left: 1.5px solid rgba(232, 114, 26, 0.92);
    border-right: 15px solid transparent;
  }
  .bar.svelte-1kiabur.svelte-1kiabur {
    height: 40px;
    width: calc(100% - 75px);
  }
  .actions.svelte-1kiabur.svelte-1kiabur {
    width: 75px;
    height: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .fishing-pull-bar-container.svelte-1kiabur.svelte-1kiabur {
    height: 60px;
  }
  .cell-container.svelte-1kiabur .cell .unit.svelte-1kiabur {
    border-right: 0.2px solid black;
  }
  .cell-container.svelte-1kiabur .cell .text.svelte-1kiabur {
    top: -15px;
    left: -3px;
    font-size: 12px;
  }
  .mark-icon.svelte-1kiabur.svelte-1kiabur {
    height: calc(100% + 15px);
    transform: translateY(-13px) translate(-11.5px);
  }
  .mark-icon.svelte-1kiabur div.svelte-1kiabur {
    border-top: 15px solid rgba(232, 114, 26, 0.92);
  }
  .mark-icon.svelte-1kiabur .left.svelte-1kiabur {
    border-right: 1.5px solid rgba(232, 114, 26, 0.92);
    border-left: 10px solid transparent;
  }
  .mark-icon.svelte-1kiabur .right.svelte-1kiabur {
    border-left: 1.5px solid rgba(232, 114, 26, 0.92);
    border-right: 10px solid transparent;
  }
  .bar.svelte-1kiabur.svelte-1kiabur {
    height: 40px;
    width: calc(100% - 70px);
  }
  .actions.svelte-1kiabur.svelte-1kiabur {
    width: 70px;
    height: 60px;
  }
}
.center-bottom-actions-menu.svelte-22s403 {
  position: absolute;
  left: 50%;
  bottom: calc(50% - 200px);
  transform: translate(-50%);
  height: max-content !important;
  pointer-events: auto;
}
.fishing-pull-wrapper.svelte-22s403 {
  width: 600px;
}
@media only screen and (max-width: 1199px) {
  .fishing-pull-wrapper.svelte-22s403 {
    width: 600px;
  }
}
@media only screen and (max-width: 991px) {
  .center-bottom-actions-menu.svelte-22s403 {
    bottom: calc(50% - 160px);
  }
}
@media only screen and (max-width: 575px) {
  .center-bottom-actions-menu.svelte-22s403 {
    bottom: calc(50% - 120px);
  }
  .fishing-pull-wrapper.svelte-22s403 {
    width: 350px;
  }
}
@media only screen and (max-height: 575px) {
  .center-bottom-actions-menu.svelte-22s403 {
    bottom: calc(50% - 120px);
  }
}
.p2a-modal-wrapper.svelte-1afw8ug.svelte-1afw8ug.svelte-1afw8ug {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p2a-modal-container.svelte-1afw8ug.svelte-1afw8ug.svelte-1afw8ug {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 9999;
}
p.close-icon.svelte-1afw8ug.svelte-1afw8ug.svelte-1afw8ug {
  pointer-events: auto;
  z-index: 9999 !important;
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
p.close-icon.svelte-1afw8ug img.svelte-1afw8ug.svelte-1afw8ug {
  width: 40px;
  height: auto;
}
p.close-icon.svelte-1afw8ug img.svelte-1afw8ug.svelte-1afw8ug:hover {
  transform: scale(1.1);
}
.loader-container.svelte-1afw8ug.svelte-1afw8ug.svelte-1afw8ug {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.p2a-container-main.svelte-1afw8ug.svelte-1afw8ug.svelte-1afw8ug {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-image: url(/assets/setting-background.efddc8db.png);
  border: 3px solid #10509f;
  border-radius: 20px;
  background-size: cover;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0 15px 18px;
}
div.p2a-container-main.svelte-1afw8ug
  div.ducky-logo.svelte-1afw8ug.svelte-1afw8ug {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
div.p2a-container-main.svelte-1afw8ug
  div.ducky-logo
  img.ducky-logo-title.svelte-1afw8ug.svelte-1afw8ug {
  display: block;
  height: 100%;
  max-height: 70px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container.svelte-1afw8ug.svelte-1afw8ug {
  position: relative;
  width: 100%;
  height: calc(100% - 85px);
  max-width: 100%;
  border-radius: 25px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px 18px 20px;
  min-width: 480px;
  min-height: 180px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container.svelte-1afw8ug
  > div.svelte-1afw8ug {
  width: 100%;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .title.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .title
  .prefix.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .title
  .prefix
  .text.svelte-1afw8ug.svelte-1afw8ug {
  font-size: 20px;
  color: red;
  font-weight: 700;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .title
  .prefix.svelte-1afw8ug
  > img.svelte-1afw8ug {
  display: block;
  height: 40px;
  width: 40px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .title
  .suffix
  .detail-btn.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  border-radius: 10px;
  background: rgba(29, 174, 255, 0.8);
  box-shadow: 0 4px 4px #00000040;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .field-container.svelte-1afw8ug.svelte-1afw8ug {
  width: 480px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .field-container
  .field.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  gap: 8px;
  font-size: 18px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .field-container
  .field
  .label.svelte-1afw8ug.svelte-1afw8ug {
  font-weight: 300;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .field-container
  .field
  .value.svelte-1afw8ug.svelte-1afw8ug {
  font-weight: 500;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .footer.svelte-1afw8ug.svelte-1afw8ug {
  color: #52a850;
  font-size: 18px;
  font-weight: 700;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container.svelte-1afw8ug
  > div.svelte-1afw8ug {
  width: 100%;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .invite-container.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 16px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .invite-container
  .left.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .invite-container
  .right.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .invite-container
  .right
  img.svelte-1afw8ug.svelte-1afw8ug {
  width: 15px;
  margin-left: 5px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .invite-container
  .code.svelte-1afw8ug.svelte-1afw8ug {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  gap: 6px;
  flex-direction: row;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .bind-ref-container.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 16px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .bind-ref-container
  .left.svelte-1afw8ug.svelte-1afw8ug {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .bind-ref-container
  .left
  input.svelte-1afw8ug.svelte-1afw8ug {
  width: 122px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 15px;
  background: rgba(124, 124, 124, 0.1);
  text-align: center;
}
div.p2a-container-main.svelte-1afw8ug
  div.p2a-content-container
  .action-container
  .bind-ref-container
  .left
  .btn-bind.svelte-1afw8ug.svelte-1afw8ug {
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 0 4px #00000040;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #7c7c7c;
  font-size: 14px;
  padding: 2px 6px;
}
@media only screen and (max-width: 575px) {
  p.close-icon.svelte-1afw8ug img.svelte-1afw8ug.svelte-1afw8ug {
    width: 20px;
  }
  div.p2a-container-main.svelte-1afw8ug.svelte-1afw8ug.svelte-1afw8ug {
    border: 1px solid #10509f;
    padding: 8px;
    border-radius: 30px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.ducky-logo.svelte-1afw8ug.svelte-1afw8ug {
    margin-top: 13px;
    margin-bottom: 10px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.ducky-logo
    img.ducky-logo-title.svelte-1afw8ug.svelte-1afw8ug {
    height: 100%;
    max-height: 40px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container.svelte-1afw8ug.svelte-1afw8ug {
    border-radius: 25px;
    gap: 6px;
    padding: 8px 10px 15px;
    min-width: 286px;
    min-height: 120px;
    gap: 10px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .title
    .prefix.svelte-1afw8ug.svelte-1afw8ug {
    gap: 3px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .title
    .prefix
    .text.svelte-1afw8ug.svelte-1afw8ug {
    font-size: 12px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .title
    .prefix.svelte-1afw8ug
    > img.svelte-1afw8ug {
    height: 22px;
    width: 22px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .title
    .suffix
    .detail-btn.svelte-1afw8ug.svelte-1afw8ug {
    width: 50px;
    height: 16px;
    border-radius: 5px;
    font-size: 10px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .field-container.svelte-1afw8ug.svelte-1afw8ug {
    width: 286px;
    gap: 5px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .field-container
    .field.svelte-1afw8ug.svelte-1afw8ug {
    gap: 8px;
    font-size: 10px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .footer.svelte-1afw8ug.svelte-1afw8ug {
    font-size: 10px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container.svelte-1afw8ug.svelte-1afw8ug {
    font-size: 10px;
    gap: 6px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container
    .invite-container.svelte-1afw8ug.svelte-1afw8ug {
    gap: 14px;
    padding: 4px 12px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container
    .invite-container
    .code.svelte-1afw8ug.svelte-1afw8ug {
    font-size: 12px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container
    .bind-ref-container.svelte-1afw8ug.svelte-1afw8ug {
    padding: 4px 12px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container
    .bind-ref-container
    .left.svelte-1afw8ug.svelte-1afw8ug {
    gap: 4px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container
    .bind-ref-container
    .left
    input.svelte-1afw8ug.svelte-1afw8ug {
    width: 90px;
    font-size: 12px;
  }
  div.p2a-container-main.svelte-1afw8ug
    div.p2a-content-container
    .action-container
    .bind-ref-container
    .left
    .btn-bind.svelte-1afw8ug.svelte-1afw8ug {
    font-size: 10px;
    padding: 2px 6px;
  }
}
#main-layout.svelte-paddhp.svelte-paddhp {
  display: grid;
  grid-template-rows: 100px calc(100% - 250px) 150px;
  position: relative;
}
#main-layout.svelte-paddhp .svelte-paddhp {
  display: grid;
}
.chat-layout.svelte-paddhp.svelte-paddhp {
  position: absolute;
  width: 50%;
  max-width: 400px;
  bottom: 0;
  right: 0;
  margin-right: 20px;
  margin-left: 20px;
}
.chat-layout.svelte-paddhp .chat-history.svelte-paddhp {
  position: absolute;
  width: 100%;
  bottom: 80px;
  right: 0;
}
.chat-layout.svelte-paddhp .chat-say.svelte-paddhp {
  width: 100%;
  position: absolute;
  bottom: 20px;
  right: 0;
}
#top-part.svelte-paddhp.svelte-paddhp {
  grid-template-columns: 50% 50%;
}
#mid-part.svelte-paddhp.svelte-paddhp {
  grid-template-columns: 20% 60% 20%;
}
#mid-part.svelte-paddhp .right-side.svelte-paddhp,
#mid-part.svelte-paddhp .left-side.svelte-paddhp,
#mid-part.svelte-paddhp .main.svelte-paddhp {
  position: relative;
}
#bottom-part.svelte-paddhp.svelte-paddhp {
  grid-template-columns: 20% 60% 20%;
}
#bottom-part.svelte-paddhp .farm-action.svelte-paddhp,
#bottom-part.svelte-paddhp .my-camera.svelte-paddhp {
  position: relative;
}
@media only screen and (max-width: 991px) {
  #main-layout.svelte-paddhp.svelte-paddhp {
    grid-template-rows: 70px calc(100% - 190px) 120px;
  }
  #top-part.svelte-paddhp.svelte-paddhp,
  #mid-part.svelte-paddhp.svelte-paddhp {
    grid-template-columns: 50% 50%;
  }
  #mid-part.svelte-paddhp .main.svelte-paddhp {
    position: absolute;
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
  }
  #bottom-part.svelte-paddhp.svelte-paddhp {
    grid-template-columns: 0% 50% 50%;
  }
}
@media only screen and (max-width: 575px) {
  #main-layout.svelte-paddhp.svelte-paddhp {
    grid-template-rows: 50px calc(100% - 150px) 100px;
  }
  .chat-layout.svelte-paddhp.svelte-paddhp {
    margin-right: 10px;
    margin-left: 10px;
    width: 100%;
    max-width: calc(100% - 20px);
  }
  .chat-layout.svelte-paddhp .chat-history.svelte-paddhp {
    bottom: 55px;
    right: 0;
  }
  .chat-layout.svelte-paddhp .chat-say.svelte-paddhp {
    bottom: 10px;
  }
  #mid-part.svelte-paddhp.svelte-paddhp {
    grid-template-columns: 100%;
  }
  #mid-part.svelte-paddhp .main.svelte-paddhp {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
  }
  #mid-part.svelte-paddhp .right-side.svelte-paddhp {
    position: absolute;
    right: 0;
  }
  #bottom-part.svelte-paddhp.svelte-paddhp {
    grid-template-columns: 0% 0% 60%;
  }
}
@media only screen and (max-height: 575px) {
  #main-layout.svelte-paddhp.svelte-paddhp {
    grid-template-rows: 50px calc(100% - 150px) 100px;
  }
  .chat-layout.svelte-paddhp.svelte-paddhp {
    margin-right: 10px;
    margin-left: 10px;
    width: 50%;
    max-width: calc(50% - 20px);
  }
  .chat-layout.svelte-paddhp .chat-history.svelte-paddhp {
    bottom: 55px;
    right: 0;
  }
  .chat-layout.svelte-paddhp .chat-say.svelte-paddhp {
    bottom: 10px;
  }
  #mid-part.svelte-paddhp.svelte-paddhp {
    grid-template-columns: 50% 50%;
  }
  #mid-part.svelte-paddhp .main.svelte-paddhp {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
  }
}
.container-main.svelte-l6dtfl.svelte-l6dtfl {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 999998;
  pointer-events: auto;
}
h2.svelte-l6dtfl.svelte-l6dtfl {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
  line-height: normal;
}
div.interact-menu.svelte-l6dtfl.svelte-l6dtfl {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
}
div.interact-menu.svelte-l6dtfl section.interact-menu-title.svelte-l6dtfl {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
div.interact-menu.svelte-l6dtfl section.interact-menu-action.svelte-l6dtfl {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  div.interact-menu.svelte-l6dtfl.svelte-l6dtfl {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
}
.container-main.svelte-1bjvqds.svelte-1bjvqds {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
}
h2.svelte-1bjvqds.svelte-1bjvqds {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
}
div.enter-number.svelte-1bjvqds.svelte-1bjvqds {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
}
div.enter-number.svelte-1bjvqds p.close-icon.svelte-1bjvqds {
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
div.enter-number.svelte-1bjvqds p.close-icon img.svelte-1bjvqds {
  width: 40px;
  height: auto;
}
div.enter-number.svelte-1bjvqds p.close-icon img.svelte-1bjvqds:hover {
  transform: scale(1.1);
}
div.enter-number.svelte-1bjvqds section.enter-number-title.svelte-1bjvqds {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
div.enter-number.svelte-1bjvqds section.enter-number-textfield.svelte-1bjvqds {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.enter-number.svelte-1bjvqds
  section.enter-number-textfield
  .inputNumber.svelte-1bjvqds {
  background-color: #10509f;
  color: #f5f5f5;
  border: 1px solid whitesmoke;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  width: 40%;
  max-width: 400px;
}
div.enter-number.svelte-1bjvqds section.enter-number-action.svelte-1bjvqds {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  div.enter-number.svelte-1bjvqds.svelte-1bjvqds {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
  div.enter-number.svelte-1bjvqds p.close-icon img.svelte-1bjvqds {
    width: 30px;
  }
}
h2.svelte-2fyk6s.svelte-2fyk6s {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
}
.container-main.svelte-2fyk6s.svelte-2fyk6s {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 999999;
  pointer-events: auto;
  line-height: normal;
}
.container-main.svelte-2fyk6s div.interact-menu.svelte-2fyk6s {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
}
.container-main.svelte-2fyk6s
  div.interact-menu
  section.interact-menu-title.svelte-2fyk6s {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.container-main.svelte-2fyk6s
  div.interact-menu
  section.interact-menu-action.svelte-2fyk6s {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  div.interact-menu.svelte-2fyk6s.svelte-2fyk6s {
    max-height: 25vh;
    width: 90vw;
    font-size: 0.75em;
  }
}
.container-main.svelte-cwacu8.svelte-cwacu8 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
}
.container-main.svelte-cwacu8 div.waiting-modal.svelte-cwacu8 {
  z-index: 99999;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.container-main.svelte-cwacu8 div.waiting-modal section.title.svelte-cwacu8 {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 991px) {
  div.waiting-modal.svelte-cwacu8.svelte-cwacu8 {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
}
.wrapped.svelte-1adhq0f.svelte-1adhq0f {
  position: absolute;
}
div.container-main.svelte-1adhq0f.svelte-1adhq0f {
  pointer-events: auto;
  height: 60%;
  width: 50%;
  top: 20%;
  left: 25%;
  position: absolute;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-image: url(/assets/cowebsite-background.2dea636d.png);
  background-size: cover;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.container-main.svelte-1adhq0f .short-info.svelte-1adhq0f {
  background-color: #fff;
  color: #10509f;
  padding: 12px 10px;
  font-weight: 700;
  font-size: 18px;
  border-radius: 12px;
  width: 280px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
div.container-main.svelte-1adhq0f .short-info .twitter-info img.svelte-1adhq0f {
  width: 36px;
}
div.container-main.svelte-1adhq0f
  .short-info
  .twitter-info
  img.svelte-1adhq0f:not(.original) {
  border-radius: 50%;
}
div.container-main.svelte-1adhq0f .btn-wallet-connect.svelte-1adhq0f {
  font-size: 14px;
  display: flex;
  justify-content: center !important;
  gap: 6px;
}
div.container-main.svelte-1adhq0f .logo.svelte-1adhq0f {
  position: absolute;
  top: 0;
  z-index: 0;
}
div.container-main.svelte-1adhq0f .icon-rocket.svelte-1adhq0f {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
div.container-main.svelte-1adhq0f .icon-white-cloud.svelte-1adhq0f {
  position: absolute;
  top: 50px;
  right: 50px;
}
div.container-main.svelte-1adhq0f .list-wallet.svelte-1adhq0f {
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 1;
  justify-content: center;
  align-items: center;
}
div.container-main.svelte-1adhq0f .list-wallet .button.svelte-1adhq0f {
  justify-content: space-around;
}
div.container-main.svelte-1adhq0f .list-wallet .button img.svelte-1adhq0f {
  max-height: 60%;
}
div.container-main.svelte-1adhq0f .social.svelte-1adhq0f {
  bottom: 10px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
div.container-main.svelte-1adhq0f .social img.svelte-1adhq0f {
  width: 50px;
}
div.container-main.svelte-1adhq0f .social img.svelte-1adhq0f:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-1adhq0f.svelte-1adhq0f {
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
  }
  div.container-main.svelte-1adhq0f .btn-wallet-connect.svelte-1adhq0f {
    font-size: 10px;
    display: flex;
    justify-content: center !important;
    gap: 3px;
  }
  div.container-main.svelte-1adhq0f .button.svelte-1adhq0f {
    height: 55px;
    width: 169px;
    font-size: 14px;
  }
  div.container-main.svelte-1adhq0f .button-primary.svelte-1adhq0f {
    background: url(/assets/button.9bd3e591.png) no-repeat scroll 0 0
      transparent;
  }
  div.container-main.svelte-1adhq0f .button-grey.svelte-1adhq0f {
    background: url(/assets/button-grey.b900592e.png) no-repeat scroll 0 0
      transparent !important;
  }
  div.container-main.svelte-1adhq0f .logo.svelte-1adhq0f {
    width: 200px;
  }
}
@media only screen and (max-width: 575px) {
  div.container-main.svelte-1adhq0f.svelte-1adhq0f {
    width: calc(100% - 20px);
    height: calc(100% - 40px);
    top: 20px;
    left: 10px;
  }
  div.container-main.svelte-1adhq0f .btn-wallet-connect.svelte-1adhq0f {
    font-size: 6px;
    display: flex;
    justify-content: center !important;
    gap: 3px;
  }
  div.container-main.svelte-1adhq0f .button.svelte-1adhq0f {
    height: 55px;
    width: 169px;
    font-size: 14px;
  }
  div.container-main.svelte-1adhq0f .button-primary.svelte-1adhq0f {
    background: url(/assets/button.9bd3e591.png) no-repeat scroll 0 0
      transparent;
  }
  div.container-main.svelte-1adhq0f .button-grey.svelte-1adhq0f {
    background: url(/assets/button-grey.b900592e.png) no-repeat scroll 0 0
      transparent !important;
  }
  div.container-main.svelte-1adhq0f .logo.svelte-1adhq0f {
    width: 150px;
    z-index: 2023;
  }
}
@media only screen and (max-height: 767px) {
  div.container-main.svelte-1adhq0f.svelte-1adhq0f {
    height: 86%;
    top: 7%;
  }
  div.container-main.svelte-1adhq0f .logo.svelte-1adhq0f {
    width: 200px;
  }
}
.container-main.svelte-12er81n.svelte-12er81n {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  font-style: normal;
  line-height: normal;
}
.button.svelte-12er81n.svelte-12er81n {
  height: 39px;
  width: 120px;
  background-size: contain !important;
}
h2.svelte-12er81n.svelte-12er81n {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}
div.enter-number.svelte-12er81n.svelte-12er81n {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 250px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 25px 25px 18px;
  border-radius: 20px;
  border: 4px solid #10509f;
  transform: translate(-50%, -50%);
}
div.enter-number.svelte-12er81n p.close-icon.svelte-12er81n {
  position: absolute;
  right: 5px;
  top: 5px;
}
div.enter-number.svelte-12er81n p.close-icon img.svelte-12er81n {
  width: 30px;
  height: auto;
}
div.enter-number.svelte-12er81n p.close-icon img.svelte-12er81n:hover {
  transform: scale(1.1);
}
div.enter-number.svelte-12er81n section.claim-gift-title.svelte-12er81n {
  padding-right: 25px;
  display: flex;
  justify-content: center;
}
div.enter-number.svelte-12er81n section.claim-gift-img.svelte-12er81n {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
div.enter-number.svelte-12er81n section.claim-gift-action.svelte-12er81n {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 575px) {
  .button.svelte-12er81n.svelte-12er81n {
    height: 39px;
    width: 120px;
    background-size: contain;
  }
  h2.svelte-12er81n.svelte-12er81n {
    text-shadow: 3px 3px 5px #10509f;
    font-size: 18px;
  }
  div.enter-number.svelte-12er81n p.close-icon.svelte-12er81n {
    position: absolute;
    right: 5px;
    top: 5px;
  }
  div.enter-number.svelte-12er81n p.close-icon img.svelte-12er81n {
    width: 30px;
    height: auto;
  }
  div.enter-number.svelte-12er81n p.close-icon img.svelte-12er81n:hover {
    transform: scale(1.1);
  }
  div.enter-number.svelte-12er81n section.claim-gift-title.svelte-12er81n {
    padding-right: 25px;
    display: flex;
    justify-content: center;
  }
  div.enter-number.svelte-12er81n section.claim-gift-img.svelte-12er81n {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
  div.enter-number.svelte-12er81n section.claim-gift-action.svelte-12er81n {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
.container-main.svelte-1gyhrd3.svelte-1gyhrd3 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  font-style: normal;
  line-height: normal;
}
.button.svelte-1gyhrd3.svelte-1gyhrd3 {
  height: 39px;
  width: 120px;
  background-size: contain !important;
}
h2.svelte-1gyhrd3.svelte-1gyhrd3 {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
}
div.enter-number.svelte-1gyhrd3.svelte-1gyhrd3 {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 350px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 25px 25px 18px;
  border-radius: 20px;
  border: 4px solid #10509f;
  transform: translate(-50%, -50%);
}
div.enter-number.svelte-1gyhrd3 p.close-icon.svelte-1gyhrd3 {
  position: absolute;
  right: 5px;
  top: 5px;
}
div.enter-number.svelte-1gyhrd3 p.close-icon img.svelte-1gyhrd3 {
  width: 30px;
  height: auto;
}
div.enter-number.svelte-1gyhrd3 p.close-icon img.svelte-1gyhrd3:hover {
  transform: scale(1.1);
}
div.enter-number.svelte-1gyhrd3 section.claim-gift-title.svelte-1gyhrd3 {
  padding-right: 25px;
  display: flex;
  justify-content: center;
}
div.enter-number.svelte-1gyhrd3 section.claim-gift-img.svelte-1gyhrd3 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
div.enter-number.svelte-1gyhrd3 section.claim-gift-action.svelte-1gyhrd3 {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 575px) {
  .button.svelte-1gyhrd3.svelte-1gyhrd3 {
    height: 39px;
    width: 120px;
    background-size: contain;
  }
  h2.svelte-1gyhrd3.svelte-1gyhrd3 {
    text-shadow: 3px 3px 5px #10509f;
    font-size: 18px;
  }
  div.enter-number.svelte-1gyhrd3 p.close-icon.svelte-1gyhrd3 {
    position: absolute;
    right: 5px;
    top: 5px;
  }
  div.enter-number.svelte-1gyhrd3 p.close-icon img.svelte-1gyhrd3 {
    width: 30px;
    height: auto;
  }
  div.enter-number.svelte-1gyhrd3 p.close-icon img.svelte-1gyhrd3:hover {
    transform: scale(1.1);
  }
  div.enter-number.svelte-1gyhrd3 section.claim-gift-title.svelte-1gyhrd3 {
    padding-right: 25px;
    display: flex;
    justify-content: center;
  }
  div.enter-number.svelte-1gyhrd3 section.claim-gift-img.svelte-1gyhrd3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
  }
  div.enter-number.svelte-1gyhrd3 section.claim-gift-action.svelte-1gyhrd3 {
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}
div.container-main.svelte-1xh70vd.svelte-1xh70vd {
  pointer-events: auto;
  height: 60%;
  width: 50%;
  top: 20%;
  left: 25%;
  position: absolute;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.container-main.svelte-1xh70vd .logo.svelte-1xh70vd {
  position: absolute;
  top: 0;
}
div.container-main.svelte-1xh70vd .icon-rocket.svelte-1xh70vd {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
div.container-main.svelte-1xh70vd .icon-white-cloud.svelte-1xh70vd {
  position: absolute;
  top: 50px;
  right: 50px;
}
.action-button.svelte-1xh70vd.svelte-1xh70vd {
  position: relative;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.action-button.svelte-1xh70vd .wrapped-inside.svelte-1xh70vd {
  position: absolute;
  height: 60%;
  width: 50%;
  top: 20%;
  left: 25%;
  z-index: 0;
}
.action-button.svelte-1xh70vd .wrapped-inside p.close-icon.svelte-1xh70vd {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
.action-button.svelte-1xh70vd .wrapped-inside p.close-icon img.svelte-1xh70vd {
  width: 40px;
  height: auto;
}
.action-button.svelte-1xh70vd
  .wrapped-inside
  p.close-icon
  img.svelte-1xh70vd:hover {
  transform: scale(1.1);
}
.action-button.svelte-1xh70vd .selectCharacterScene.svelte-1xh70vd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 1;
}
.action-button.svelte-1xh70vd .selectCharacterScene img.svelte-1xh70vd {
  height: 64px;
}
.action-button.svelte-1xh70vd .selectCharacterScene img.svelte-1xh70vd:hover {
  transform: scale(1.08);
}
.action-button.svelte-1xh70vd
  .selectCharacterScene
  .character-preview.svelte-1xh70vd {
  width: 384px;
  height: 120px;
}
.action-button.svelte-1xh70vd .button.svelte-1xh70vd {
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-1xh70vd.svelte-1xh70vd,
  .action-button.svelte-1xh70vd .wrapped-inside.svelte-1xh70vd {
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
  }
}
@media only screen and (max-height: 767px) {
  div.container-main.svelte-1xh70vd.svelte-1xh70vd {
    height: 86%;
    top: 7%;
  }
  div.container-main.svelte-1xh70vd .logo.svelte-1xh70vd {
    width: 200px;
  }
  .action-button.svelte-1xh70vd .wrapped-inside.svelte-1xh70vd {
    height: 86%;
    top: 7%;
  }
}
div.container-main.svelte-1rddsha.svelte-1rddsha {
  pointer-events: auto;
  height: 60%;
  width: 50%;
  top: 20%;
  left: 25%;
  position: absolute;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  border: 4px solid #10509f;
  border-radius: 20px;
}
div.container-main.svelte-1rddsha .logo.svelte-1rddsha {
  position: absolute;
  top: 0;
}
div.container-main.svelte-1rddsha .icon-rocket.svelte-1rddsha {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
div.container-main.svelte-1rddsha .icon-white-cloud.svelte-1rddsha {
  position: absolute;
  top: 50px;
  right: 50px;
}
.action-button.svelte-1rddsha.svelte-1rddsha {
  position: relative;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.action-button.svelte-1rddsha .wrapped-inside.svelte-1rddsha {
  position: absolute;
  height: 60%;
  width: 50%;
  top: 20%;
  left: 25%;
  z-index: 0;
}
.action-button.svelte-1rddsha .wrapped-inside p.close-icon.svelte-1rddsha {
  position: absolute;
  padding: 4px;
  right: 0;
  top: 0;
  font-size: 30px;
  line-height: 25px;
}
.action-button.svelte-1rddsha .wrapped-inside p.close-icon img.svelte-1rddsha {
  width: 40px;
  height: auto;
}
.action-button.svelte-1rddsha
  .wrapped-inside
  p.close-icon
  img.svelte-1rddsha:hover {
  transform: scale(1.1);
}
.action-button.svelte-1rddsha h2.svelte-1rddsha {
  font-size: 25px;
  margin-bottom: 10px;
  text-shadow: 3px 3px 5px #10509f;
  color: #f5f5f5;
  min-width: 250px;
  text-align: center;
}
.action-button.svelte-1rddsha .selectPetScene.svelte-1rddsha {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  z-index: 1;
}
.action-button.svelte-1rddsha .selectPetScene img.svelte-1rddsha {
  height: 64px;
}
.action-button.svelte-1rddsha .selectPetScene img.svelte-1rddsha:hover {
  transform: scale(1.08);
}
.action-button.svelte-1rddsha .selectPetScene .pet-preview.svelte-1rddsha {
  width: 256px;
  height: 120px;
}
.action-button.svelte-1rddsha .button-area.svelte-1rddsha {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-content: center;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  div.container-main.svelte-1rddsha.svelte-1rddsha,
  .action-button.svelte-1rddsha .wrapped-inside.svelte-1rddsha {
    width: 86%;
    height: 86%;
    top: 7%;
    left: 7%;
  }
}
@media only screen and (max-height: 767px) {
  div.container-main.svelte-1rddsha.svelte-1rddsha {
    height: 86%;
    top: 7%;
  }
  div.container-main.svelte-1rddsha .logo.svelte-1rddsha {
    width: 200px;
  }
  .action-button.svelte-1rddsha .wrapped-inside.svelte-1rddsha {
    height: 86%;
    top: 7%;
  }
}
.background-wrapped.svelte-1m2idij.svelte-1m2idij {
  --gap-size: 40px;
  --map-size: min(
    calc(100vw / 2 - 2 * var(--gap-size)),
    calc(100vh / 2 - 2 * var(--gap-size))
  );
  --padding-size: 40px;
  background-image: url(/assets/mini-map-blur.80766fa3.jpg);
  background-size: cover;
}
.background-wrapped.svelte-1m2idij .container-main.svelte-1m2idij {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 0;
  display: grid;
  grid-template-columns: calc(50% - 20px) calc(50% - 20px);
  grid-template-rows: calc(50% - 20px) calc(50% - 20px);
  column-gap: var(--gap-size);
  align-items: center;
}
.background-wrapped.svelte-1m2idij .container-main .hidden.svelte-1m2idij {
  visibility: hidden;
}
.background-wrapped.svelte-1m2idij .container-main .map.svelte-1m2idij {
  width: var(--map-size);
  height: var(--map-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid #2274b7;
  border-radius: 5px;
}
.background-wrapped.svelte-1m2idij
  .container-main
  .map
  .img-map.svelte-1m2idij {
  width: calc(var(--map-size) - var(--padding-size));
  overflow: hidden;
  position: relative;
}
.background-wrapped.svelte-1m2idij
  .container-main
  .map
  .img-map
  .thumbnail.svelte-1m2idij {
  width: calc(var(--map-size) - var(--padding-size));
  transition: transform 0.5s;
}
.background-wrapped.svelte-1m2idij
  .container-main
  .map
  .img-map
  .thumbnail.svelte-1m2idij:hover:not(.disabled) {
  transform: scale(1.5);
}
.background-wrapped.svelte-1m2idij
  .container-main
  .map
  .img-map
  .title.svelte-1m2idij {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 150px;
}
.background-wrapped.svelte-1m2idij .container-main .column-1.svelte-1m2idij {
  justify-self: flex-end;
}
@media only screen and (max-width: 991px) {
  .background-wrapped.svelte-1m2idij.svelte-1m2idij {
    --map-size: min(
      320px,
      min(
        calc(100vw / 2 - 2 * var(--gap-size)),
        calc(100vh / 2 - 2 * var(--gap-size))
      )
    );
  }
}
@media only screen and (max-width: 767px) {
  .background-wrapped.svelte-1m2idij .container-main.svelte-1m2idij {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .background-wrapped.svelte-1m2idij .container-main .hidden.svelte-1m2idij {
    display: none;
  }
  .background-wrapped.svelte-1m2idij .container-main .map.svelte-1m2idij {
    margin-top: 20px;
    width: 280px;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
  }
  .background-wrapped.svelte-1m2idij
    .container-main
    .map
    .img-map.svelte-1m2idij,
  .background-wrapped.svelte-1m2idij
    .container-main
    .map
    .img-map
    .thumbnail.svelte-1m2idij {
    width: 240px;
  }
  .background-wrapped.svelte-1m2idij .container-main .column-1.svelte-1m2idij {
    justify-self: center;
  }
}
@media only screen and (max-height: 767px) {
  div.container-main.svelte-1m2idij.svelte-1m2idij {
    height: 86%;
    top: 7%;
  }
}
div.error-div.svelte-1tp2usf.svelte-1tp2usf {
  pointer-events: auto;
  margin-top: 4%;
  margin-right: auto;
  margin-left: auto;
  left: 0;
  right: 0;
  position: absolute;
  width: max-content;
  max-width: 80vw;
  z-index: 230;
  height: auto !important;
  background-clip: padding-box;
}
div.error-div.svelte-1tp2usf .button-bar.svelte-1tp2usf {
  text-align: center;
}
div.error-div.svelte-1tp2usf .body.svelte-1tp2usf {
  max-height: 50vh;
}
div.error-div.svelte-1tp2usf p.title.svelte-1tp2usf {
  text-align: center;
}
.container-main.svelte-1s00r3f.svelte-1s00r3f {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  overflow: hidden;
}
h2.svelte-1s00r3f.svelte-1s00r3f {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
}
div.link-email.svelte-1s00r3f.svelte-1s00r3f {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 350px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 25px 20px 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%) translateY(-50%);
  display: flex;
  flex-direction: column;
}
div.link-email.svelte-1s00r3f p.close-icon.svelte-1s00r3f {
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
div.link-email.svelte-1s00r3f p.close-icon img.svelte-1s00r3f {
  width: 40px;
  height: auto;
}
div.link-email.svelte-1s00r3f p.close-icon img.svelte-1s00r3f:hover {
  transform: scale(1.1);
}
div.link-email.svelte-1s00r3f section.link-email-title.svelte-1s00r3f {
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding-right: 50px;
}
div.link-email.svelte-1s00r3f section.recaptcha-section.svelte-1s00r3f {
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
div.link-email.svelte-1s00r3f .error.svelte-1s00r3f {
  display: flex;
  justify-content: center;
  color: #dfdb09;
}
div.link-email.svelte-1s00r3f section.link-email-textfield.svelte-1s00r3f {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
}
div.link-email.svelte-1s00r3f
  section.link-email-textfield
  .inputEmail.svelte-1s00r3f {
  background-color: #10509f;
  color: #f5f5f5;
  border: 1px solid whitesmoke;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  width: min(100%, 360px);
  max-width: 400px;
}
div.link-email.svelte-1s00r3f section.link-email-action.svelte-1s00r3f {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  div.link-email.svelte-1s00r3f.svelte-1s00r3f {
    padding: 20px 15px 15px;
  }
  div.link-email.svelte-1s00r3f p.close-icon img.svelte-1s00r3f {
    width: 35px;
  }
  div.link-email.svelte-1s00r3f section.link-email-title.svelte-1s00r3f {
    margin-bottom: 20px;
    padding-right: 40px;
  }
  div.link-email.svelte-1s00r3f section.link-email-title h2.svelte-1s00r3f {
    font-size: 16px;
  }
  div.link-email.svelte-1s00r3f section.recaptcha-section.svelte-1s00r3f {
    margin-bottom: 15px;
  }
  div.link-email.svelte-1s00r3f section.link-email-action.svelte-1s00r3f {
    margin-bottom: 15px;
  }
  div.link-email.svelte-1s00r3f.svelte-1s00r3f {
    font-size: 0.75em;
  }
}
.container-main.svelte-lntnft.svelte-lntnft {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  overflow: hidden;
}
h2.svelte-lntnft.svelte-lntnft {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
}
div.link-email.svelte-lntnft.svelte-lntnft {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 350px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 25px 20px 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%) translateY(-50%);
  display: flex;
  flex-direction: column;
}
div.link-email.svelte-lntnft p.close-icon.svelte-lntnft {
  position: absolute;
  padding: 4px;
  right: -20px;
  top: -20px;
  font-size: 30px;
  line-height: 25px;
}
div.link-email.svelte-lntnft p.close-icon img.svelte-lntnft {
  width: 40px;
  height: auto;
}
div.link-email.svelte-lntnft p.close-icon img.svelte-lntnft:hover {
  transform: scale(1.1);
}
div.link-email.svelte-lntnft section.link-email-title.svelte-lntnft {
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  padding-right: 50px;
}
div.link-email.svelte-lntnft section.recaptcha-section.svelte-lntnft {
  overflow: hidden;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
div.link-email.svelte-lntnft .error.svelte-lntnft {
  display: flex;
  justify-content: center;
  color: #dfdb09;
}
div.link-email.svelte-lntnft section.link-email-textfield.svelte-lntnft {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
}
div.link-email.svelte-lntnft
  section.link-email-textfield
  .inputEmail.svelte-lntnft {
  background-color: #10509f;
  color: #f5f5f5;
  border: 1px solid whitesmoke;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  width: min(100%, 360px);
  max-width: 400px;
}
div.link-email.svelte-lntnft section.link-email-action.svelte-lntnft {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  div.link-email.svelte-lntnft.svelte-lntnft {
    padding: 20px 15px 15px;
  }
  div.link-email.svelte-lntnft p.close-icon img.svelte-lntnft {
    width: 35px;
  }
  div.link-email.svelte-lntnft section.link-email-title.svelte-lntnft {
    margin-bottom: 20px;
  }
  div.link-email.svelte-lntnft section.link-email-title p.svelte-lntnft {
    font-size: 20px;
  }
  div.link-email.svelte-lntnft section.link-email-title h2.svelte-lntnft {
    font-size: 16px;
  }
  div.link-email.svelte-lntnft section.recaptcha-section.svelte-lntnft {
    margin-bottom: 15px;
  }
  div.link-email.svelte-lntnft section.link-email-action.svelte-lntnft {
    margin-bottom: 15px;
  }
  div.link-email.svelte-lntnft.svelte-lntnft {
    font-size: 0.75em;
  }
}
.container-main.svelte-11ijeh5.svelte-11ijeh5 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
}
h2.svelte-11ijeh5.svelte-11ijeh5 {
  text-shadow: 3px 3px 5px #10509f;
  font-size: 20px;
}
div.enter-text.svelte-11ijeh5.svelte-11ijeh5 {
  pointer-events: auto;
  background-image: url(/assets/chat-background.5ec2c110.png);
  background-size: cover;
  color: #f5f5f5;
  position: absolute;
  max-width: 480px;
  height: auto !important;
  left: 50%;
  top: 50%;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  transform: translate(-50%);
}
div.enter-text.svelte-11ijeh5 p.close-icon.svelte-11ijeh5 {
  position: absolute;
  padding: 4px;
  right: 5px;
  top: 5px;
  font-size: 30px;
  line-height: 25px;
}
div.enter-text.svelte-11ijeh5 p.close-icon img.svelte-11ijeh5 {
  width: 40px;
  height: auto;
}
div.enter-text.svelte-11ijeh5 p.close-icon img.svelte-11ijeh5:hover {
  transform: scale(1.1);
}
div.enter-text.svelte-11ijeh5 section.enter-text-title.svelte-11ijeh5 {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
div.enter-text.svelte-11ijeh5 section.enter-text-textfield.svelte-11ijeh5 {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.enter-text.svelte-11ijeh5
  section.enter-text-textfield
  .inputText.svelte-11ijeh5 {
  background-color: #10509f;
  color: #f5f5f5;
  border: 1px solid whitesmoke;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  width: min(100%, 360px);
  max-width: 400px;
}
div.enter-text.svelte-11ijeh5 section.enter-text-action.svelte-11ijeh5 {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  div.enter-text.svelte-11ijeh5.svelte-11ijeh5 {
    max-height: 21vh;
    width: 90vw;
    font-size: 0.75em;
  }
  div.enter-text.svelte-11ijeh5 p.close-icon img.svelte-11ijeh5 {
    width: 30px;
  }
}
.container-main.svelte-uq98qp.svelte-uq98qp {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.policy.svelte-uq98qp.svelte-uq98qp {
  pointer-events: auto;
  background-image: url(/assets/setting-background.efddc8db.png);
  background-size: cover;
  color: #f5f5f5;
  position: relative;
  max-width: 1100px;
  height: auto !important;
  z-index: 2050;
  padding: 20px;
  border-radius: 16px;
  border: 4px solid #10509f;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
div.policy.svelte-uq98qp section.header.svelte-uq98qp {
  display: flex;
  justify-content: center;
}
div.policy.svelte-uq98qp section.header img.svelte-uq98qp {
  display: block;
  height: 120px;
}
div.policy.svelte-uq98qp section.action-container.svelte-uq98qp {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
div.policy.svelte-uq98qp section.content-container.svelte-uq98qp {
  background: #fff;
  border-radius: 25px;
  padding: 25px 45px;
  color: #262930;
}
div.policy.svelte-uq98qp section.content-container h1.svelte-uq98qp {
  font-size: 24px;
  font-weight: 700;
  color: #b95e04;
  margin-bottom: 20px;
}
div.policy.svelte-uq98qp section.content-container h2.svelte-uq98qp {
  font-size: 20px;
  font-weight: 700;
  color: #008847;
  margin-bottom: 10px;
}
div.policy.svelte-uq98qp section.content-container ul.svelte-uq98qp {
  padding-left: 22px;
  margin-bottom: 15px;
}
div.policy.svelte-uq98qp section.content-container li.svelte-uq98qp {
  list-style-type: disc;
  font-size: 20px;
  font-weight: 360;
  margin-top: 8px;
}
div.policy.svelte-uq98qp section.content-container li b.svelte-uq98qp {
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  div.policy.svelte-uq98qp.svelte-uq98qp {
    max-width: 90% !important;
  }
  div.policy.svelte-uq98qp section.header img.svelte-uq98qp {
    height: 80px;
  }
  section.content-container.svelte-uq98qp.svelte-uq98qp {
    height: 400px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .container-main.svelte-uq98qp.svelte-uq98qp {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: #000c;
    z-index: 99999;
    pointer-events: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.policy.svelte-uq98qp.svelte-uq98qp {
    padding: 10px;
    border-radius: 16px;
    border: 4px solid #10509f;
    gap: 15px;
  }
  div.policy.svelte-uq98qp section.header.svelte-uq98qp {
    display: flex;
    justify-content: center;
  }
  div.policy.svelte-uq98qp section.header img.svelte-uq98qp {
    display: block;
    height: 60px;
  }
  div.policy.svelte-uq98qp section.action-container.svelte-uq98qp {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  div.policy.svelte-uq98qp section.content-container.svelte-uq98qp {
    border-radius: 15px;
    padding: 15px;
    color: #262930;
    height: 350px;
    overflow-y: auto;
  }
  div.policy.svelte-uq98qp section.content-container h1.svelte-uq98qp {
    font-size: 18px;
    margin-bottom: 15px;
  }
  div.policy.svelte-uq98qp section.content-container h2.svelte-uq98qp {
    font-size: 16px;
    margin-bottom: 5px;
  }
  div.policy.svelte-uq98qp section.content-container ul.svelte-uq98qp {
    padding-left: 25px;
    margin-bottom: 8px;
  }
  div.policy.svelte-uq98qp section.content-container li.svelte-uq98qp {
    list-style-type: disc;
    font-size: 16px;
    margin-top: 8px;
  }
}
.container-main.svelte-14m0zu3.svelte-14m0zu3 {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: #000c;
  z-index: 99999;
  pointer-events: auto;
  display: flex;
}
.interact-menu-container.svelte-14m0zu3.svelte-14m0zu3:before {
  border: 4px solid #10509f;
  border-radius: 20px;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/cowebsite-background.2dea636d.png);
  background-size: cover;
  opacity: 0.8;
  z-index: 2022;
}
.interact-menu-container.svelte-14m0zu3.svelte-14m0zu3 {
  position: relative;
  border-radius: 20px;
  display: inline-flex;
  max-width: 60%;
  height: fit-content;
  margin: auto;
  justify-content: center;
  align-content: flex-start;
  overflow: visible;
  z-index: 2022;
  flex-wrap: wrap;
  padding: 20px 20px 12px;
}
.interact-menu-container.svelte-14m0zu3 p.close-icon.svelte-14m0zu3 {
  z-index: 2024;
  pointer-events: auto;
  position: absolute;
  padding: 4px;
  right: -20px;
  top: -20px;
  font-size: 30px;
  line-height: 25px;
}
.interact-menu-container.svelte-14m0zu3 p.close-icon img.svelte-14m0zu3 {
  width: 40px;
  height: auto;
}
.interact-menu-container.svelte-14m0zu3 p.close-icon img.svelte-14m0zu3:hover {
  transform: scale(1.1);
}
.sub-menu.svelte-14m0zu3.svelte-14m0zu3 {
  z-index: 2022;
  pointer-events: none;
  height: 100px;
  margin-right: 20px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sub-menu.svelte-14m0zu3 .menu-bg.svelte-14m0zu3 {
  background-image: url(data:image/png;base64,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);
  background-size: contain;
  background-repeat: no-repeat;
}
.sub-menu.svelte-14m0zu3 img.svelte-14m0zu3 {
  pointer-events: auto;
  width: 60px;
  height: 60px;
  margin-bottom: 5px;
}
.sub-menu.svelte-14m0zu3 .menu-bg.svelte-14m0zu3:hover {
  transform: scale(1.1);
}
.sub-menu.svelte-14m0zu3 p.svelte-14m0zu3 {
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.sub-menu.svelte-14m0zu3.svelte-14m0zu3:nth-last-child(1) {
  margin-right: 0;
}
@media only screen and (max-width: 991px) {
  .sub-menu.svelte-14m0zu3.svelte-14m0zu3 {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .interact-menu-container.svelte-14m0zu3.svelte-14m0zu3 {
    max-width: 65%;
    padding: 20px 5px 10px;
  }
  .sub-menu.svelte-14m0zu3.svelte-14m0zu3 {
    margin: 5px;
  }
  .sub-menu.svelte-14m0zu3.svelte-14m0zu3:nth-last-child(1) {
    margin: 5px;
  }
}