@keyframes spinner-wandering-cubes__46696 {
  25% {
    transform: translateX(22px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(22px) translateY(22px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(22px) rotate(-270deg) scale(0.5);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes spinner-chasing-dots-rotate__46696 {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner-chasing-dots-bounce__46696 {
  0%,
  to {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes spinner-pulsing-ellipsis__46696 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes spinner-low-motion__46696 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
@keyframes spinner-spinning-circle-rotate__46696 {
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner-spinning-circle-dash__46696 {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 130, 200;
  }
  to {
    stroke-dasharray: 130, 200;
    stroke-dashoffset: -124;
  }
}
.theme-dark {
  --brightness: calc(1.5 - var(--saturation-factor, 1) * 0.5);
  --contrast: var(--saturation-factor, 1);
}
.theme-light {
  --brightness: calc(0.5 + var(--saturation-factor, 1) * 0.5);
  --contrast: var(--saturation-factor, 1);
}
.defaultColor__4bd52 {
  color: var(--text-default);
}
.text-sm\/medium_cf4812 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2857142857142858;
}
@keyframes spinner-opacity-in_a22cb0 {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spinner-opacity-out_a22cb0 {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes spinner-transform-in_a22cb0 {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes spinner-transform-out_a22cb0 {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes dotGrow__714a9 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(3);
  }
  26% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
@keyframes dotShrink__714a9 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  25% {
    opacity: 0;
    transform: scale(2);
  }
  26% {
    opacity: 1;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes checkDraw__714a9 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  25% {
    opacity: 0;
    transform: scale(0.7);
  }
  26% {
    opacity: 1;
    transform: scale(0.7);
  }
  75% {
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes checkUndraw__714a9 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(0.7);
  }
  26% {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 0;
  }
}
@keyframes indeterminate1__55b14 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  to {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate2__55b14 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  to {
    left: 107%;
    right: -8%;
  }
}
:root {
  --expand-structural-duration: 100ms;
  --expand-fade-duration: 200ms;
  --expand-easing-function: ease-out;
  --collapse-structural-duration: 150ms;
  --collapse-fade-duration: 150ms;
  --collapse-easing-function: ease-in;
}
.layerContainer__59d0d {
  background: none !important;
  right: var(--devtools-sidebar-width, 0);
  z-index: 1002;
}
.clickTrapContainer__59d0d,
.layerContainer__59d0d {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.clickTrapContainer__59d0d {
  overflow: hidden;
  right: 0;
}

.layer__59d0f {
  pointer-events: auto;
}
.layer__59d0d {
  position: absolute;
}
.tooltip__4e35b {
  align-items: center;
  background-color: var(--background-surface-high);
  border-radius: var(--radius-sm);
  box-shadow:
    inset 0 0 0 1px var(--border-subtle),
    var(--shadow-high);
  box-sizing: border-box;
  color: var(--text-default);
  display: flex;
  gap: var(--space-8);
  max-width: 200px;
  padding: var(--space-8) var(--space-12);
  position: relative;
  text-align: center;
  width: auto;
  will-change: opacity, transform;
}
.richTooltip__4e35b {
  max-width: none;
  padding: 0;
  text-align: initial;
  width: auto;
}
.tooltipContent__4e35b {
  overflow: hidden;
}
.tooltip__4e35b[data-position="top"] {
  transform-origin: 50% 100%;
}
.tooltip__4e35b[data-position="bottom"] {
  transform-origin: 50% 0;
}
.tooltip__4e35b[data-position="left"] {
  transform-origin: 100% 50%;
}
.tooltip__4e35b[data-position="right"] {
  transform-origin: 0 50%;
}
.caretIcon__4e35b .caretFill__4e35b {
  fill: var(--background-surface-high);
}
.caretIcon__4e35b .caretStroke__4e35b {
  stroke: var(--border-subtle);
  stroke-opacity: 1;
}
.caret__5bc6a {
  --custom-caret-half-width: 8px;
  --custom-caret-half-height: 7px;
  --custom-caret-edge-offset-horizontal: 16px;
  --custom-caret-edge-offset-vertical: 10px;
  --custom-caret-horizontal-distance: 11px;
  --custom-caret-border-overlap: 5px;
  pointer-events: none;
  position: absolute;
  transform-origin: center;
}
.caret--bottom__5bc6a {
  top: calc(100% - var(--custom-caret-border-overlap));
  transform: rotate(0deg);
}
.caret--top__5bc6a {
  bottom: calc(100% - var(--custom-caret-border-overlap));
  transform: rotate(180deg);
}
.caret--left__5bc6a {
  inset-inline-start: calc(var(--custom-caret-horizontal-distance) * -1);
  transform: rotate(90deg);
}
.caret--right__5bc6a {
  inset-inline-end: calc(var(--custom-caret-horizontal-distance) * -1);
  transform: rotate(-90deg);
}
:is(.caret--top__5bc6a, .caret--bottom__5bc6a).caret--center__5bc6a {
  inset-inline-start: 50%;
  margin-inline-start: calc(var(--custom-caret-half-width) * -1);
}
:is(.caret--left__5bc6a, .caret--right__5bc6a).caret--center__5bc6a {
  margin-top: calc(var(--custom-caret-half-height) * -1);
  top: 50%;
}
.caret--custom__5bc6a {
  --custom-caret-offset-x: 0;
  --custom-caret-offset-y: 0;
}
.caret--bottom__5bc6a.caret--custom__5bc6a,
.caret--top__5bc6a.caret--custom__5bc6a {
  inset-inline-start: 50%;
  margin-inline-start: calc(
    var(--custom-caret-offset-x) - var(--custom-caret-half-width)
  );
}
.caret--left__5bc6a.caret--custom__5bc6a,
.caret--right__5bc6a.caret--custom__5bc6a {
  margin-top: calc(
    var(--custom-caret-offset-y) - var(--custom-caret-half-height)
  );
  top: 50%;
}
@keyframes slideDown__5a838 {
  0% {
    height: 0;
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    height: auto;
    opacity: 1;
    transform: translateY(0);
  }
}

.layerContainer__59d0d {
  position: fixed; /* veya absolute, nasıl kullanıyorsanız */
}

.content__45458 {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0 var(--space-12) var(--space-16);
  position: relative;
  width: 200px;
}

.content__45458:not(:has(.body__45458)) {
  padding-block-end: var(--space-24);
}

.graphic__45458 {
  display: flex;
  height: 64px;
  justify-content: center;
  margin: var(--space-16) auto 0;
}

.graphicAnimated__45458 {
  position: relative;
  transform: scale(1.4);
  z-index: 0;
}

.badgeImageContainer__9953c {
  position: relative;
}

.compact__9953c {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.badgeImage__9953c {
  display: block;
  height: 90px;
}

.compact__9953c .badgeImage__9953c {
  max-height: 100%;
  max-width: 100%;
}

.titleGroup__45458 {
  margin-top: var(--space-16);
  position: relative;
  z-index: 1;
}

.title__45458 {
  font-family: var(--font-display-marketing-header);
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
  width: 100%;
}

.titleNitro__45458 {
  font-style: italic;
}

.body__45458,
.eyebrow__45458 {
  text-align: center;
  width: 100%;
}

.stack_dbd263[data-justify="start"] {
  justify-content: flex-start;
}

.stack_dbd263[data-align="center"] {
  align-items: center;
}

.stack_dbd263[data-direction="vertical"] {
  flex-direction: column;
}

.stack_dbd263[data-full-width="true"] {
  width: 100%;
}

.stack_dbd263 {
  display: flex;
}

.profileFrameContainer__7d80f {
    container-type: size;
    height: 100%;
    inset-inline-start: 0;
    max-height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-height: 480px) {
    .user-profile-popout .profileFrameContainer__7d80f {
        display:none
    }
}

.user-profile-popout .profileFrameContainer__7d80f:before {
    background: var(--background-surface-high);
    border-radius: var(--radius-sm);
    box-shadow: 20px 20px 30px rgba(0,0,0,var(--custom-profile-frame-drop-shadow-opacity));
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (max-height: 785px) {
    .user-profile-modal-v2 .profileFrameContainer__7d80f {
        display:none
    }
}

@media (max-height: 510px) {
    .user-profile-sidebar.user-profile-sidebar-redesign .profileFrameContainer__7d80f {
        display:none
    }
}

.profileFrame__7d80f {
    --custom-profile-frame-layer-scale: calc(100cqw/var(--custom-profile-frame-container-width));
    --custom-profile-frame-scaled-overflow-horizontal: calc(var(--custom-profile-frame-overflow-horizontal)*var(--custom-profile-frame-layer-scale));
    --custom-profile-frame-scaled-overflow-top: calc(var(--custom-profile-frame-overflow-top)*var(--custom-profile-frame-layer-scale));
    --custom-profile-frame-scaled-overflow-bottom: calc(var(--custom-profile-frame-overflow-bottom)*var(--custom-profile-frame-layer-scale));
    height: 100%;
    inset-inline-start: calc(var(--custom-profile-frame-scaled-overflow-horizontal)*-1);
    position: absolute;
    top: 0;
    width: calc(100% + var(--custom-profile-frame-scaled-overflow-horizontal)*2)
}

.profileFrameMask__7d80f {
    pointer-events: all;
    position: absolute;
    width: 100%
}

.profileFrameMask__7d80f.top__7d80f {
    height: var(--custom-profile-frame-scaled-overflow-top);
    top: calc(var(--custom-profile-frame-scaled-overflow-top)*-1)
}

.profileFrameMask__7d80f.bottom__7d80f {
    bottom: calc(var(--custom-profile-frame-scaled-overflow-bottom)*-1);
    height: var(--custom-profile-frame-scaled-overflow-bottom)
}

.profileFrameLayer__7d80f {
    inset-inline: 0;
    position: absolute;
    width: 100%
}

.full-motion .profileFrameLayer__7d80f.fadeIn__7d80f {
    animation: fadeIn__7d80f .15s ease-in
}

.profileFrameLayer__7d80f.front__7d80f {
    z-index: var(--custom-user-profile-frame-z-index,4)
}

.profileFrameLayer__7d80f.back__7d80f {
    z-index: -1
}

.profileFrameLayer__7d80f.staple__7d80f.top__7d80f {
    top: calc(var(--custom-profile-frame-scaled-overflow-top)*-1)
}

.user-profile-popout .profileFrameLayer__7d80f.staple__7d80f.top__7d80f {
    filter: drop-shadow(20px -20px 30px rgba(0,0,0,var(--custom-profile-frame-drop-shadow-opacity)))
}

.profileFrameLayer__7d80f.staple__7d80f.bottom__7d80f {
    bottom: calc(var(--custom-profile-frame-scaled-overflow-bottom)*-1)
}

.user-profile-popout .profileFrameLayer__7d80f.staple__7d80f.bottom__7d80f {
    filter: drop-shadow(20px 20px 30px rgba(0,0,0,var(--custom-profile-frame-drop-shadow-opacity)))
}

.profileFrameLayer__7d80f.rail__7d80f {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    overflow: hidden
}

.profileFrameLayer__7d80f.rail__7d80f.center__7d80f {
    background-position: 50%
}

.profileFrameLayer__7d80f.rail__7d80f.top__7d80f {
    background-position: top
}

.profileFrameLayer__7d80f.rail__7d80f.bottom__7d80f {
    background-position: bottom
}

.user-profile-modal-v2 .profileFrameLayer__7d80f.rail__7d80f,.user-profile-popout .profileFrameLayer__7d80f.rail__7d80f,.user-profile-sidebar.user-profile-sidebar-redesign .profileFrameLayer__7d80f.rail__7d80f {
    @container (min-aspect-ratio: 300 / 480) {
        &.responsive__7d80f {
            display: none
        }
    }
}

.profileFrameLayer__7d80f.border__7d80f {
    height: 100%;
    overflow: hidden
}

.profileFrameLayer__7d80f.border__7d80f>img {
    display: block;
    height: auto;
    width: 100%
}

.profileCardSurface__a3f9c {
      position: relative;
      border-radius: 1rem;
      overflow: hidden;
}

@keyframes fadeIn__7d80f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.profileFrameContainer__7d80f {
    container-type: size;
    height: 100%;
    inset-inline-start: 0;
    max-height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-height: 480px) {
    .user-profile-popout .profileFrameContainer__7d80f {
        display:none
    }
}

.user-profile-popout .profileFrameContainer__7d80f:before {
    background: var(--background-surface-high);
    border-radius: var(--radius-sm);
    box-shadow: 20px 20px 30px rgba(0,0,0,var(--custom-profile-frame-drop-shadow-opacity));
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (max-height: 785px) {
    .user-profile-modal-v2 .profileFrameContainer__7d80f {
        display:none
    }
}

@media (max-height: 510px) {
    .user-profile-sidebar.user-profile-sidebar-redesign .profileFrameContainer__7d80f {
        display:none
    }
}

.profileFrame__7d80f {
    --custom-profile-frame-layer-scale: calc(100cqw/var(--custom-profile-frame-container-width));
    --custom-profile-frame-scaled-overflow-horizontal: calc(var(--custom-profile-frame-overflow-horizontal)*var(--custom-profile-frame-layer-scale));
    --custom-profile-frame-scaled-overflow-top: calc(var(--custom-profile-frame-overflow-top)*var(--custom-profile-frame-layer-scale));
    --custom-profile-frame-scaled-overflow-bottom: calc(var(--custom-profile-frame-overflow-bottom)*var(--custom-profile-frame-layer-scale));
    height: 100%;
    inset-inline-start: calc(var(--custom-profile-frame-scaled-overflow-horizontal)*-1);
    position: absolute;
    top: 0;
    width: calc(100% + var(--custom-profile-frame-scaled-overflow-horizontal)*2)
}

.profileFrameMask__7d80f {
    pointer-events: all;
    position: absolute;
    width: 100%
}

.profileFrameMask__7d80f.top__7d80f {
    height: var(--custom-profile-frame-scaled-overflow-top);
    top: calc(var(--custom-profile-frame-scaled-overflow-top)*-1)
}

.profileFrameMask__7d80f.bottom__7d80f {
    bottom: calc(var(--custom-profile-frame-scaled-overflow-bottom)*-1);
    height: var(--custom-profile-frame-scaled-overflow-bottom)
}

.profileFrameLayer__7d80f {
    inset-inline: 0;
    position: absolute;
    width: 100%
}

.full-motion .profileFrameLayer__7d80f.fadeIn__7d80f {
    animation: fadeIn__7d80f .15s ease-in
}

.profileFrameLayer__7d80f.front__7d80f {
    z-index: var(--custom-user-profile-frame-z-index,4)
}

.profileFrameLayer__7d80f.back__7d80f {
    z-index: -1
}

.profileFrameLayer__7d80f.staple__7d80f.top__7d80f {
    top: calc(var(--custom-profile-frame-scaled-overflow-top)*-1)
}

.user-profile-popout .profileFrameLayer__7d80f.staple__7d80f.top__7d80f {
    filter: drop-shadow(20px -20px 30px rgba(0,0,0,var(--custom-profile-frame-drop-shadow-opacity)))
}

.profileFrameLayer__7d80f.staple__7d80f.bottom__7d80f {
    bottom: calc(var(--custom-profile-frame-scaled-overflow-bottom)*-1)
}

.user-profile-popout .profileFrameLayer__7d80f.staple__7d80f.bottom__7d80f {
    filter: drop-shadow(20px 20px 30px rgba(0,0,0,var(--custom-profile-frame-drop-shadow-opacity)))
}

.profileFrameLayer__7d80f.rail__7d80f {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 100%;
    overflow: hidden
}

.profileFrameLayer__7d80f.rail__7d80f.center__7d80f {
    background-position: 50%
}

.profileFrameLayer__7d80f.rail__7d80f.top__7d80f {
    background-position: top
}

.profileFrameLayer__7d80f.rail__7d80f.bottom__7d80f {
    background-position: bottom
}

.user-profile-modal-v2 .profileFrameLayer__7d80f.rail__7d80f,.user-profile-popout .profileFrameLayer__7d80f.rail__7d80f,.user-profile-sidebar.user-profile-sidebar-redesign .profileFrameLayer__7d80f.rail__7d80f {
    @container (min-aspect-ratio: 300 / 480) {
        &.responsive__7d80f {
            display: none
        }
    }
}

.profileFrameLayer__7d80f.border__7d80f {
    height: 100%;
    overflow: hidden
}

.profileFrameLayer__7d80f.border__7d80f>img {
    display: block;
    height: auto;
    width: 100%
}

@keyframes fadeIn__7d80f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}



.smallDecorationPreview__00c46 {
    margin-top: 16px
}

.smallDecorationPreview__00c46:first-child {
    margin-top: 0
}

.previewSections__00c46 {
    border: 2px solid transparent;
    display: flex;
    height: 208px
}

.decorationPreview__00c46 {
    justify-content: center;
    position: relative;
    width: 208px
}

.decorationPreview__00c46,.smallDecorationPreviewsContainer__00c46 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 4px;
    display: flex
}

.smallDecorationPreviewsContainer__00c46 {
    flex-direction: column;
    margin-inline-start:12px;padding: 8px
}

.newBadge__03991 {
    inset-inline-end: -4px;
    position: absolute;
    text-transform: uppercase;
    top: -4px
}

.newBadgeText__03991 {
    align-items: center;
    display: flex;
    gap: var(--space-4);
    justify-content: center
}

.iconBadge__03991 {
    border-radius: 50%;
    height: 20px;
    inset-inline-end: -4px;
    padding: 2px;
    position: absolute;
    top: -6px;
    width: 20px
}

.icon__828af {
    height: 24px;
    margin-bottom: 4px;
    width: 24px
}

.shopIcon__828af {
}

.presetDecorationImg__828af {
    height: 64px;
    width: 64px
}

.decorationGridItem__828af {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 4px;
    color: var(--text-strong);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: box-shadow .15s ease-out
}

.selected__828af {
    box-shadow: inset 0 0 0 2px var(--brand-500);
    opacity: 1
}

.list__828af {
    inset-inline-start: -12px;
    max-height: 420px;
    padding-bottom: 16px
}

.headings__828af {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.spinner_bcd779 {
    align-self: center;
    margin: 8px
}

.inventory__042c9 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 400px;
    width: 224px
}

.inventoryTitle__042c9 {
    margin-bottom: 12px
}

.inventoryControls__042c9 {
    display: flex;
    gap: 12px
}

.inventoryControlsButton__042c9 {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: var(--radius-xs);
    color: var(--text-strong);
    cursor: pointer;
    gap: 4px;
    height: 80px;
    justify-content: center;
    width: 106px
}

.inventoryControlsButton__042c9,.list__042c9 {
    display: flex;
    flex-direction: column
}

.list__042c9 {
    gap: 12px;
    margin-top: 12px;
    width: 224px
}

.nameplateItem__042c9 {
    cursor: pointer;
    position: relative
}

.nameplateItemOverlay__042c9 {
    border-radius: var(--radius-sm);
    height: 100%;
    inset-inline-start: 0;
    position: absolute;
    top: 0;
    transition: box-shadow .15s ease-out;
    width: 100%
}

.selected__042c9 {
    box-shadow: inset 0 0 0 2px var(--brand-500);
    opacity: 1
}

.iconBadge__042c9 {
    border-radius: 50%;
    height: 20px;
    inset-inline-end: -4px;
    padding: 2px;
    position: absolute;
    top: -6px;
    width: 20px
}

.spinner_fa25b7 {
    align-self: center;
    margin: 8px
}

.header_fa25b7 {
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.closeButton_fa25b7 {
    margin-inline-end:-8px;padding: 0
}

.content_fa25b7 {
    display: flex;
    justify-content: space-between
}

.icon_f9347f {
    height: 24px;
    margin-bottom: 4px;
    width: 24px
}

.notAllowedIcon_f9347f {
    transform: rotate(90deg)
}

.effectGridItem_f9347f {
    align-items: center;
    background-color: var(--background-base-lowest);
    border-radius: 4px;
    color: var(--text-strong);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    transition: box-shadow .15s ease-out
}

.selected_f9347f {
    box-shadow: 0 0 0 2px var(--brand-500)
}

.section_f9347f {
    display: flex;
    flex-direction: column;
    height: 100%
}

.list_f9347f {
    flex: 1;
    inset-inline-start: -12px;
    margin-top: 2px;
    padding-bottom: 4px;
    width: 298px
}

.shopIcon_f9347f {
}

.presetEffectBackground_f9347f,.presetEffectImg_f9347f {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    position: absolute;
    width: 100%
}

.premiumIcon__6c516 {
    margin-inline-end:4px}

.discoverMorePerks__6c516 {
    margin-inline-start:-34px}


.goToShopButton__6c516 {
    background: var(--custom-premium-colors-premium-gradient-tier-2-tri-color);
    background-clip: padding-box
}

.newBadge__6c516 {
    align-items: center;
    margin-inline-start:4px}

.spinner__6c516 {
    align-self: center;
    margin: 8px
}

.nitroUpsellContainer__6c516 {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-inline-end:auto}

.nitroWheel__6c516 {
    margin-inline-end:6px}

.previewContainer_c9a5b2 {
    --custom-profile-frame-layer-scale: calc(100%/var(--custom-profile-frame-container-width));
    box-sizing: border-box;
    overflow: hidden;
    padding-inline:calc(var(--custom-profile-frame-scaled-overflow-horizontal));padding-bottom: calc(var(--custom-profile-frame-scaled-overflow-bottom));
    padding-top: calc(var(--custom-profile-frame-scaled-overflow-top));
    z-index: 0
}

.previewContainer_c9a5b2,.profileContainer_c9a5b2 {
    height: 100%;
    position: relative;
    width: 100%
}

.sampleProfile_c9a5b2 {
   
    border: 2px solid var(--border-normal);
    border-radius: var(--radius-sm);
    box-sizing: border-box;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.sampleProfile_c9a5b2.small_c9a5b2 {
    border-radius: var(--radius-xs);
    border-width: 1px
}

.sampleProfile_c9a5b2.transparentSampleProfile_c9a5b2 {
    background-color: transparent
}

.backLayerMask_c9a5b2 {
    box-sizing: border-box;
    inset: 0;
    -webkit-mask-image: linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);
    mask-image: linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);
    -webkit-mask-position: top,bottom,left,right;
    mask-position: top,bottom,left,right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% var(--custom-profile-frame-scaled-overflow-top),100% var(--custom-profile-frame-scaled-overflow-bottom),var(--custom-profile-frame-scaled-overflow-horizontal) 100%,var(--custom-profile-frame-scaled-overflow-horizontal) 100%;
    mask-size: 100% var(--custom-profile-frame-scaled-overflow-top),100% var(--custom-profile-frame-scaled-overflow-bottom),var(--custom-profile-frame-scaled-overflow-horizontal) 100%,var(--custom-profile-frame-scaled-overflow-horizontal) 100%;
    padding-inline:var(--custom-profile-frame-scaled-overflow-horizontal);padding-bottom: var(--custom-profile-frame-scaled-overflow-bottom);
    padding-top: var(--custom-profile-frame-scaled-overflow-top);
    pointer-events: none;
    position: absolute
}

.icon__2ed4c {
    height: 24px;
    margin-bottom: 4px;
    width: 24px
}

.notAllowedIcon__2ed4c {
    transform: rotate(90deg)
}

.frameGridItem__2ed4c {
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--text-strong);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.framePresetItem__2ed4c {
    padding: var(--space-6) 14px
}

.selected__2ed4c {
    box-shadow: 0 0 0 2px var(--brand-500)
}

.section__2ed4c {
    display: flex;
    flex-direction: column;
    height: 100%
}

.list__2ed4c {
    flex: 1;
    inset-inline-start: -12px;
    margin-top: 2px;
    padding-bottom: 4px;
    width: 298px
}

.shopIcon__2ed4c {
}


.spinner_f41999 {
    align-self: center;
    margin: 8px
}