.smart-stone .full-chain {
 display: block
}

.common-widgets {
 margin-top: 10px
}

.fluid-theme {
 gap: 6px;
 align-items: baseline;
 letter-spacing: .01em;
 font-size: 11.5px;
 font-weight: bold;
 display: flex;
 color: var(--half-focus)
}

.fluid-theme b {
 font-size: 13px;
 font-weight: 800;
 color: var(--compact-brick)
}

.fluid-theme span {
 color: var(--round-screen);
 overflow: hidden;
 max-width: 55%;
 font-weight: bold;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-left: auto
}

.east-pixel {
 margin-top: 7px;
 height: 5px;
 background: var(--custom-view);
 overflow: hidden;
 border-radius: 999px
}

.east-pixel > i {
 display: block;
 width: 0;
 height: 100%;
 background: linear-gradient(90deg, var(--smart-outline), var(--compact-brick));
 transition: width 350ms cubic-bezier(.2, .7, .3, 1);
 border-radius: 999px
}

.smart-stone .low-dew:not([hidden]):not(:has(.solar-river)) .tiny-pulse {
 color: var(--compact-brick)
}

.smart-stone .free-scroll {
 align-items: center;
 margin-top: 12px;
 padding: 12px 13px;
 border-top: 0;
 border-radius: 12px;
 background: var(--warm-peak)
}

.smart-stone .rich-label {
 font-size: 12px;
 font-weight: bold;
 color: var(--deep-valley)
}

.smart-stone .modern-dock {
 color: var(--deep-valley);
 font-size: 21px;
 font-weight: 800;
 letter-spacing: -.02em
}

.fresh-port {
 font-size: 12px;
 font-weight: 600;
 line-height: 1.45;
 margin: 14px 16px 16px;
 border: 1px dashed var(--custom-view);
 border-radius: 11px;
 align-items: flex-start;
 background: var(--sharp-window);
 color: var(--deep-oak);
 display: flex;
 gap: 8px;
 padding: 10px 12px
}

.fresh-port i {
 flex: 0 0 auto;
 font-size: 11px;
 color: var(--compact-brick);
 margin-top: 2px
}

.free-cards #half-slider {
 gap: 16px;
 grid-template-columns: repeat(auto-fill, minmax(min(100%, 252px), 1fr))
}

.free-cards .prime-page.upper-silver {
 transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
 cursor: pointer
}

.free-cards .prime-page.upper-silver:hover {
 transform: translateY(-3px);
 border-color: var(--smart-outline)
}

.free-cards .light-brook.prime-page.upper-silver {
 box-shadow: 0 0 0 2px var(--smart-outline) inset, 0 18px 40px -26px rgba(18, 161, 80, .85);
 position: relative;
 border-color: var(--smart-outline)
}

.free-cards .prime-page.upper-silver.light-brook:after {
 font-family: "Font Awesome 6 Free";
 font-weight: 900;
 font-size: 11px;
 position: absolute;
 display: grid;
 content: "\f00c";
 width: 26px;
 z-index: 5;
 border-radius: 50%;
 place-items: center;
 color: #ffffff;
 height: 26px;
 background: var(--smart-outline);
 box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .7);
 top: 10px;
 right: 10px
}

.free-cards .light-brook.upper-silver.prime-page .back-garden {
 background: var(--deep-valley)
}

.free-cards .final-coat {
 opacity: .62
}

.free-cards .final-coat:hover,
.free-cards .dark-snow.final-coat {
 opacity: 1
}

.free-cards .active-token {
 margin: -2px 0 0;
 display: flex;
 padding: 0 2px;
 gap: 4px 14px;
 flex-wrap: wrap
}

.free-cards .active-token button {
 text-decoration: underline;
 text-decoration-color: rgba(255, 255, 255, .22);
 text-underline-offset: 3px;
 border: 0;
 border-radius: 0;
 font-size: 10.5px;
 font-weight: 600;
 color: var(--flat-oak);
 padding: 0;
 background: none
}

.free-cards .active-token button:hover {
 background: none;
 color: #ffffff;
 text-decoration-color: currentcolor
}

.free-cards .calm-ash {
 padding: 11px 12px;
 border-radius: 11px
}

.free-cards .cool-hue {
 font-size: 22px
}

.free-cards .prime-page .back-garden {
 min-height: 46px;
 font-size: 13.5px;
 font-weight: 800;
 border-radius: 11px;
 box-shadow: 0 12px 26px -16px rgba(18, 161, 80, .9)
}

.free-cards .prime-page .back-garden .local-dock {
 margin-left: 2px;
 transition: transform 180ms ease
}

.free-cards .prime-page:hover .back-garden .local-dock {
 transform: translateX(3px)
}

@media (prefers-reduced-motion: reduce) {
 .free-cards .upper-silver.prime-page,
 .free-cards .prime-page.upper-silver:hover,
 .east-pixel > i,
 .free-cards .prime-page .back-garden .local-dock {
  transform: none;
  transition: none
 }

}

.low-mint {
 color: var(--smart-outline);
 letter-spacing: .04em;
 gap: 5px;
 text-transform: uppercase;
 align-items: center;
 margin-bottom: 3px;
 display: inline-flex;
 font-size: 10.5px;
 font-weight: 800
}