/* ========================================================
   SOVEREIGN FRUTIGER AERO CORE INTERFACE STYLESHEET
   ======================================================== */
:root {
    --sky-glow: #0284c7;
    --emerald-glow: #10b981;
    --neon-volt: #F0FF00;
    --dark-void: #0d0e12;
    --glass-background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(240, 253, 250, 0.45) 100%);
    --glass-border: rgba(255, 255, 255, 0.9);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    background: radial-gradient(circle at 50% 50%, #1e293b 0%, #0f172a 100%);
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    color: #334155;
    height: 100vh;
    display: flex;
    overflow: hidden;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* --- 3D Glass Side Navigation Panel --- */
.aero-sidebar {
    width: 260px;
    height: 100vh;
    max-height: 100vh;
    background: linear-gradient(90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.05) 100%);
    backdrop-filter: blur(20px);
    border-right: 2px solid rgba(255,255,255,0.2);
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
    position: relative;
    transition: transform 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
    z-index: 50;
    box-shadow: 5px 0 25px rgba(0,0,0,0.15);
}
.aero-sidebar.collapsed {
    transform: translateX(-260px);
}

.sidebar-brand h2 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;
    text-shadow: 0 0 10px rgba(56,189,248,0.6);
    margin-bottom: 30px;
    padding-left: 10px;
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace
}

.pad-selection-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* --- Download popup menu --- */
.download-popup {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
    border: 2px solid #bae6fd;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    padding: 6px;
    z-index: 1005;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.download-item {
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: none;
    border-radius: 6px;
    padding: 7px 10px;
    cursor: pointer;
    text-align: left;
    font-family: 'JetBrains Mono', monospace;
}

.download-item:hover {
    background: #e0f2fe;
}

.download-item b {
    font-size: 12px;
    color: #0369a1;
    min-width: 44px;
}

.download-item span {
    font-size: 11px;
    color: #64748b;
}

/* ========================================================
   FIXED SIDEBAR BUTTON MECHANICS (HOVER-ONLY GLOW STYLES)
   ======================================================== */
.pad-toggle-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    padding: 12px 16px;
    font-weight: bold;
    font-size: 0.95rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace
}

.pad-toggle-btn iconify-icon { 
    font-size: 1.2rem; 
    color: #38bdf8; 
    transition: color 0.2s ease;
}

/* Stripped legacy fixed state rule. Active glow is now strictly tied to cursor pointer actions */
.pad-toggle-btn:hover {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #7dd3fc;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.35), inset 0 1px 2px #fff;
    transform: translateY(-1px);
    color: #ffffff;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.pad-toggle-btn:hover iconify-icon { 
    color: #ffffff; 
}

.pad-toggle-btn:active {
    transform: translateY(1px);
    box-shadow: 0 2px 6px rgba(2, 132, 199, 0.2);
}

.sidebar-footer-controls {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* --- Document Outline Navigator --- */
.side-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.outline-section {
    margin-top: 18px;
}

.outline-heading {
    color: #e0f2fe;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
    padding-left: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 4px;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    flex: 1;
    min-width: 0;
}

.outline-head-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.outline-toggle {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    color: #cbd5e1;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.outline-toggle:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

.outline-toggle svg {
    transition: transform 0.2s ease;
}

.outline-section.collapsed .outline-toggle svg {
    transform: rotate(-90deg);
}

.outline-section.collapsed #doc-outline-list {
    display: none;
}

.outline-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    min-height: 0;
    max-height: 32vh;
}

.outline-empty {
    color: rgba(255,255,255,0.45);
    font-size: 0.75rem;
    margin: 0;
    padding: 2px 10px;
    font-family: 'Segoe UI', sans-serif;
}

.outline-item {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #cbd5e1;
    padding: 5px 10px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    flex-shrink: 0;
}

.outline-item:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}

.outline-item.active {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #7dd3fc;
    color: #ffffff;
}

.outline-item-l2 {
    padding-left: 22px;
}

/* --- Shared Pages + Outline scroll box --- */
.side-scroll-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
    margin-bottom: 18px;
    min-height: 0;
    flex: 1;
    overflow-y: auto;
}

.side-scroll-box .tabs-section,
.side-scroll-box .outline-section {
    margin-top: 0;
    min-height: 0;
}

/* Each menu scrolls on its own (caps live on .tabs-list/.outline-list!),
   and the outer box scrolls as backup on short screens! */

.outline-item-l3 {
    padding-left: 34px;
}

.tabs-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    min-height: 0;
    max-height: 24vh;
}

.tab-row {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.tab-row .outline-item {
    flex: 1;
    min-width: 0;
    flex-shrink: 0;
}

.tab-rename-input {
    width: 100%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.12);
    border: 1px solid #7dd3fc;
    border-radius: 6px;
    color: #fff;
    padding: 3px 6px;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    outline: none;
}

.tab-head {
    margin-left: 26px;
    font-weight: 500;
}

.tabs-section.collapsed #doc-tabs-list {
    display: none;
}

.tabs-section.collapsed #tabs-toggle-btn svg {
    transform: rotate(-90deg);
}
.sidebar-action-btn {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.15);
    color: #cbd5e1;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.85rem;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace
}
.sidebar-action-btn:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-color: rgba(255,255,255,0.4);
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* Collapse Bouncer Toggle Latch Handle */
.latch-toggle-strip {
    position: absolute;
    top: 50%;
    right: -24px;
    width: 24px;
    height: 60px;
    background: linear-gradient(90deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.05) 100%);
    border: 2px solid rgba(255,255,255,0.2);
    border-left: none;
    border-radius: 0 8px 8px 0;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    box-shadow: 4px 0 10px rgba(0,0,0,0.1);
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
#toggle-icon { transition: transform 0.25s ease; }

/* --- The wrapper never scrolls: chips + toolbars stay pinned while the page scrolls inside --- */
.workspace-viewport-wrapper {
    flex: 1;
    height: 100vh;
    padding: 20px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px; /* Adds clean breathing room between the top bar and the canvas */

}

/* --- Inner page scroller: the document grows here, chrome stays put --- */
.canvas-scrollbox {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

/* --- Shorten the canvas height so it fits the viewport perfectly --- */
#wysiwyg-canvas {
    width: 100%;
    flex: 1; /* Tells the canvas to take up only the remaining available space */
    height: auto !important; /* Overrides fixed 100% height so it shrinks to fit */
    max-width: 900px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 16px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.2);
    padding: 30px; /* Slightly tightened padding to keep content roomy */
    outline: none;
    overflow-y: auto; /* Scrollbars stay neatly inside the canvas if text gets long */
    line-height: 1.7;
    color: #334155;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace !important;
    font-size: 1.02rem;
    white-space: pre-wrap; /* Tabs + spacing stay visible! */
    tab-size: 4; /* Tab stops read as four spaces! */
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* Custom Watermark Placeholder mechanics */
#wysiwyg-canvas:empty::before {
    content: attr(placeholder);
    color: #94a3b8;
    pointer-events: none;
    display: block;
}

/* ========================================================
   SKEUOMORPHIC ELEMENT STYLES (FROM KEYDOWN.CSS REGISTRY)
   ======================================================== */
#wysiwyg-canvas h1 { color: #0284c7; font-weight: 800; border-bottom: 3px solid #38bdf8; padding-bottom: 6px; margin: 15px 0; }
#wysiwyg-canvas h2 { color: #059669; font-weight: 700; margin: 20px 0 8px 0; }
#wysiwyg-canvas h3 { color: #d97706; font-size: 18px; margin: 15px 0 5px 0; }
#wysiwyg-canvas blockquote { background: linear-gradient(90deg, rgba(156, 201, 236, 0.28) 0%, rgba(156, 201, 236, 0.03) 100%); border-left: 4px solid #9cc9ec; margin: 15px 0; padding: 10px 20px; color: #3c5670; font-style: normal; border-radius: 0 8px 8px 0;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
#wysiwyg-canvas code { background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%); border: 1px solid #cbd5e1; color: #475569; padding: 3px 6px; border-radius: 5px; font-size: 14px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); font-family: monospace;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* 12-Color Liquid Gel Highlighter spectrum */
.gel-orb { color: white; padding: 2px 7px; border-radius: 6px; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.3); display: inline-block; box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), 0 3px 6px rgba(0,0,0,0.1); margin: 0 2px; vertical-align: middle; }
.gel-y  { background: linear-gradient(180deg, #fde047 0%, #eab308 100%); border: 2px solid #ca8a04; color: #451a03; text-shadow: none;
 transition: background-color 0.35s ease, border-color 0.35s ease;
} /* Changed to 2px borders per legacy specs */
.gel-r  { background: linear-gradient(180deg, #fca5a5 0%, #ef4444 100%); border: 2px solid #dc2626;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-g  { background: linear-gradient(180deg, #6ee7b7 0%, #10b981 100%); border: 2px solid #059669;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-c  { background: linear-gradient(180deg, #67e8f9 0%, #06b6d4 100%); border: 2px solid #0891b2;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-b  { background: linear-gradient(180deg, #93c5fd 0%, #3b82f6 100%); border: 2px solid #2563eb;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-v  { background: linear-gradient(180deg, #c084fc 0%, #9333ea 100%); border: 2px solid #7e22ce;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-p  { background: linear-gradient(180deg, #f472b6 0%, #db2777 100%); border: 2px solid #be185d;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-o  { background: linear-gradient(180deg, #fb923c 0%, #ea580c 100%); border: 2px solid #c2410c;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-mg { background: linear-gradient(180deg, #f472b6 0%, #e11d48 100%); border: 2px solid #be123c;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-lm { background: linear-gradient(180deg, #a3e635 0%, #65a30d 100%); border: 2px solid #4d7c0f; color: #1a2e05; text-shadow: none;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-aq { background: linear-gradient(180deg, #22d3ee 0%, #0891b2 100%); border: 2px solid #0e7490;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.gel-sl { background: linear-gradient(180deg, #e2e8f0 0%, #94a3b8 100%); border: 2px solid #475569; color: #1e293b; text-shadow: none;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}

.spark-text { color: #06b6d4; font-weight: 800; text-shadow: 0 0 8px rgba(6,182,212,0.6); position: relative; }

/* 3D Glass Containers & Content Windows */
.aero-glass-block { background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(219, 234, 254, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%); border: 2px solid rgba(255, 255, 255, 0.8); border-radius: 12px; padding: 15px 20px; margin: 15px 0; color: #0369a1; font-weight: bold; box-shadow: 0 8px 25px rgba(2, 132, 199, 0.25), inset 0 1px 2px #fff; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); position: relative; overflow: hidden;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.aero-glass-block::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent 45%, rgba(255,255,255,0.4) 50%, transparent 55%); transform: rotate(-15deg); pointer-events: none; }

.aqua-bubble-text { color: #0284c7; font-weight: 900; text-shadow: 0 1px 0 #fff, 0 2px 3px rgba(2, 132, 199, 0.4); background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; animation: liquid-wobble 4s infinite ease-in-out; }
@keyframes liquid-wobble { 0%, 100% { transform: scale(1) translateY(0); } 50% { transform: scale(1.04) translateY(-2px); } }

.tactile-alert-plate { background: linear-gradient(180deg, #fef08a 0%, #eab308 45%, #ca8a04 100%); border: 3px solid #fef08a; border-radius: 8px; padding: 10px 15px; margin: 15px 0; color: #451a03; font-weight: 800; display: flex; align-items: center; gap: 12px; box-shadow: 0 6px 16px rgba(234, 179, 8, 0.35), inset 0 1px 2px rgba(255,255,255,0.8);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.alert-icon-orb { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(180deg, #ef4444 0%, #b91c1c 100%); border: 2px solid #fca5a5; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; }

.media-track-wrap { background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); border: 3px solid #475569; border-radius: 10px; padding: 12px; margin: 15px 0; display: flex; align-items: center; justify-content: space-between; box-shadow: inset 0 3px 8px rgba(0,0,0,0.6), 0 4px 10px rgba(0,0,0,0.15);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.media-track-text { color: #38bdf8; font-family: monospace; font-size: 14px; text-shadow: 0 0 6px rgba(56,189,248,0.7); }
.media-control-orb { width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(180deg, #64748b 0%, #334155 100%); border: 1px solid #94a3b8; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.media-control-orb::before { content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; margin-left: 2px; }

/* 3D Dynamic Upward-Floating Aqua Boxes */
.aqua-aero-box { background: radial-gradient(circle at 50% 30%, #06b6d4 0%, #0284c7 70%, #0369a1 100%); border: 3px solid #67e8f9; border-radius: 16px; padding: 25px; margin: 20px 0; color: #ffffff; font-weight: bold; position: relative; overflow: hidden; box-shadow: 0 10px 30px rgba(6, 182, 212, 0.4), inset 0 1px 2px rgba(255,255,255,0.8), inset 0 -10px 20px rgba(0,0,0,0.2);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.aqua-aero-box::before { content: ''; position: absolute; top: 2px; left: 2px; right: 2px; height: 45%; background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); border-radius: 13px 13px 100% 100% / 13px 13px 30% 30%; pointer-events: none; z-index: 3; }.aero-box-orb { position: absolute; border-radius: 50%; pointer-events: none; z-index: 2; background: radial-gradient(circle at 50% 35%, rgba(255,255,255,0.9) 0%, rgba(56,189,248,0.4) 40%, rgba(2,132,199,0.7) 80%, transparent 100%); box-shadow: inset -2px -2px 6px rgba(0,0,0,0.2), 0 4px 10px rgba(6,182,212,0.3); animation: bubble-up 5s infinite linear; opacity: 0.7; }@keyframes bubble-up { 0% { transform: translateY(120%) scale(0.7); opacity: 0; } 10% { opacity: 0.7; } 100% { transform: translateY(-120%) scale(1.2); opacity: 0; } }.aqua-box-content { position: relative; z-index: 4; text-shadow: 0 2px 4px rgba(2,44,87,0.8); font-family: sans-serif; line-height: 1.6; outline: none; min-height: 40px; }
/* Multi-Color Aqua Box Variations */.aqua-emerald-box { background: radial-gradient(circle at 50% 30%, #34d399 0%, #10b981 70%, #047857 100%); border: 3px solid #6ee7b7; box-shadow: 0 10px 30px rgba(16, 185, 129, 0.4), inset 0 1px 2px #fff;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.aqua-emerald-box .aqua-box-content { color: #022c22; text-shadow: 0 1px 1px rgba(255,255,255,0.2); }.aqua-amber-box { background: radial-gradient(circle at 50% 30%, #fbbf24 0%, #f59e0b 70%, #b45309 100%); border: 3px solid #fde047; box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4), inset 0 1px 2px #fff;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.aqua-amber-box .aqua-box-content { color: #451a03; text-shadow: 0 1px 1px rgba(255,255,255,0.2); }.aqua-crimson-box { background: radial-gradient(circle at 50% 30%, #f87171 0%, #ef4444 70%, #b91c1c 100%); border: 3px solid #fca5a5; box-shadow: 0 10px 30px rgba(239, 68, 68, 0.4), inset 0 1px 2px #fff;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.aqua-crimson-box .aqua-box-content { color: #450a0a; text-shadow: 0 1px 1px rgba(255,255,255,0.2); }.aqua-amethyst-box { background: radial-gradient(circle at 50% 30%, #c084fc 0%, #a855f7 70%, #7e22ce 100%); border: 3px solid #e9d5ff; box-shadow: 0 10px 30px rgba(168, 85, 247, 0.4), inset 0 1px 2px #fff;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.aqua-amethyst-box .aqua-box-content { color: #2e1065; text-shadow: 0 1px 1px rgba(255,255,255,0.2); }/* Inset Code Cavity Modules */.writedown-code-block { background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); border: 3px solid #475569; border-radius: 12px; margin: 20px 0; display: flex; flex-direction: column; box-shadow: 0 8px 24px rgba(0,0,0,0.3), inset 0 -5px 15px rgba(0,0,0,0.4); overflow: hidden;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.code-block-header { background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.15) 100%); border-bottom: 2px solid #475569; padding: 8px 16px; display: flex; align-items: center; justify-content: space-between;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.code-block-header span { color: #94a3b8; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; }.code-block-content { padding: 20px; margin: 0; font-family: monospace; font-size: 14px; color: #38bdf8; text-shadow: 0 0 4px rgba(56,189,248,0.4); box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5); white-space: pre-wrap; outline: none; }.code-block-footer { background: rgba(15, 23, 42, 0.6); border-top: 1px solid #334155; padding: 8px 16px; display: flex; justify-content: flex-end;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.code-copy-btn { background: linear-gradient(180deg, #64748b 0%, #475569 50%, #334155 100%); border: 2px solid #94a3b8; border-radius: 6px; padding: 5px 14px; color: #ffffff; font-size: 12px; font-weight: bold; cursor: pointer; box-shadow: 0 3px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.4);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}/* 3D Glass Header Panels */.aero-glass-panel { background: var(--glass-background); border: 3px solid var(--glass-border); border-radius: 12px; margin: 20px 0; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(2, 132, 199, 0.15), inset 0 1px 0 #fff; overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.glass-panel-header { background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%); border-bottom: 2px solid rgba(255, 255, 255, 0.6); padding: 10px 18px; display: flex; align-items: center;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.glass-panel-header span { font-size: 12px; font-weight: 800; letter-spacing: 0.5px; }.glass-panel-content { padding: 20px 18px; outline: none; font-size: 15px; line-height: 1.6; }.panel-sky { border-color: rgba(56, 189, 248, 0.5); background: linear-gradient(180deg, rgba(240, 249, 255, 0.8) 0%, rgba(224, 242, 254, 0.5) 100%); }.panel-sky .glass-panel-header span { color: #0369a1; }
.panel-emerald { border-color: rgba(52, 211, 153, 0.5); background: linear-gradient(180deg, rgba(240, 253, 250, 0.8) 0%, rgba(204, 251, 241, 0.5) 100%); }.panel-emerald .glass-panel-header span { color: #059669; }.panel-amber { border-color: rgba(251, 191, 36, 0.5); background: linear-gradient(180deg, rgba(255, 251, 235, 0.8) 0%, rgba(254, 243, 199, 0.5) 100%); }.panel-amber .glass-panel-header span { color: #d97706; }.panel-crimson { border-color: rgba(248, 113, 113, 0.5); background: linear-gradient(180deg, rgba(254, 242, 242, 0.8) 0%, rgba(254, 226, 226, 0.5) 100%); }.panel-crimson .glass-panel-header span { color: #dc2626; }/* 3D Foldout Toggles */.aero-foldout-panel { background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%); border: 3px solid #cbd5e1; border-radius: 8px; margin: 20px 0; display: flex; flex-direction: column; box-shadow: 0 6px 18px rgba(0,0,0,0.08), inset 0 1px 0 #fff; overflow: hidden;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.foldout-panel-header { background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); border-bottom: 2px solid #cbd5e1; padding: 10px 18px; display: flex; align-items: center; gap: 12px; user-select: none;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.foldout-arrow-orb { width: 20px; height: 20px; border-radius: 4px; background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%); border: 1px solid #cbd5e1; color: #475569; font-size: 11px; font-weight: 900; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.2s; }.aero-foldout-panel.panel-collapsed .foldout-arrow-orb { transform: rotate(180deg); }.foldout-panel-title-input { font-size: 13px; font-weight: 800; color: #475569; outline: none; flex: 1; }.foldout-panel-content { padding: 20px 18px; outline: none; font-size: 15px; color: #334155; line-height: 1.6; background: #ffffff; box-shadow: inset 2px 2px 6px rgba(0,0,0,0.05); }.aero-foldout-panel.panel-collapsed .foldout-panel-content { display: none; }.aero-liquid-divider { height: 6px; background: linear-gradient(90deg, transparent 0%, #06b6d4 20%, #10b981 50%, #06b6d4 80%, transparent 100%); border-radius: 3px; margin: 20px 0; border: 1px solid rgba(255,255,255,0.2); box-shadow: 0 3px 8px rgba(6,182,212,0.25); }
/* --- 3D Interactive Canvas Sketchpad (::draw) --- */.aero-draw-console { background: linear-gradient(180deg, #f1f5f9 0%, #cbd5e1 100%); border: 3px solid #94a3b8; border-radius: 12px; margin: 12px 0 !important; display: block !important; box-shadow: 0 6px 18px rgba(0,0,0,0.1), inset 0 1px 0 #ffffff; overflow: hidden;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.draw-console-dashboard { background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 100%); border-bottom: 2px solid #94a3b8; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 15px; user-select: none;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.draw-tool-cluster { display: flex; align-items: center; gap: 12px; }.draw-console-dashboard label { font-size: 11px; font-weight: 900; color: #475569; text-transform: uppercase; }.draw-picker-orb { appearance: none; width: 24px; height: 24px; background: none; border: 2px solid #cbd5e1; border-radius: 50%; cursor: pointer; padding: 0; }.draw-picker-orb::-webkit-color-swatch-wrapper { padding: 0; }.draw-picker-orb::-webkit-color-swatch { border: none; border-radius: 50%; }.draw-slider-fluid { appearance: none; width: 75px; height: 6px; background: #cbd5e1; border-radius: 3px; outline: none; }
.draw-slider-fluid::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; border-radius: 50%; background: linear-gradient(180deg, #ffffff 0%, #cbd5e1 100%); border: 1px solid #64748b; cursor: pointer; }.draw-clear-orb { background: linear-gradient(180deg, #fee2e2 0%, #f87171 48%, #ef4444 100%); border: 1px solid #fca5a5; border-radius: 4px; padding: 3px 10px; color: white; font-size: 10px; font-weight: 900; cursor: pointer; text-shadow: 0 1px 1px rgba(0,0,0,0.3);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.draw-surface-canvas { background: #ffffff; cursor: crosshair; display: block; box-shadow: inset 3px 3px 8px rgba(0,0,0,0.06); width: 100% !important; max-width: 540px; height: 180px !important; margin: 0 auto;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
/* ========================================================MODAL WINDOW & SYSTEM DIALOGUE SCREEN OVERLAYS======================================================== */.modal-blur-gate { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(2, 132, 199, 0.25); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); z-index: 100; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.25s cubic-bezier(0.1, 0.9, 0.2, 1); }.modal-blur-gate.active { opacity: 1; pointer-events: auto; }.embossed-dialogue-chassis { width: 580px; max-height: 80vh; background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(239,246,255,0.9) 100%); border: 3px solid rgba(255, 255, 255, 0.9); border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.3), inset 0 1px 2px #fff; display: flex; flex-direction: column; overflow: hidden; transform: scale(0.85); transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); }.modal-blur-gate.active .embossed-dialogue-chassis { transform: scale(1); }.dialog-header { background: linear-gradient(180deg, #38bdf8 0%, #0284c7 50%, #0369a1 100%); border-bottom: 2px solid rgba(255,255,255,0.4); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.dialog-header h3 { color: #fff; margin: 0; font-size: 14px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
#dialog-close-btn, #settings-close-btn, #doc-lock-close-btn { width: 22px; height: 22px; background: linear-gradient(180deg, #fca5a5 0%, #ef4444 100%); border: 1px solid #f87171; border-radius: 4px; color: white; font-size: 11px; display: flex; align-items: center; justify-content: center; cursor: pointer; }.dialog-body-scroll { padding: 20px; overflow-y: auto; flex: 1; background: radial-gradient(circle at 50% 0%, rgba(219,234,254,0.3) 0%, transparent 80%); }.dialog-body-scroll h4 { margin: 15px 0 8px 0; font-size: 13px; color: #0369a1; border-bottom: 1px solid #cbd5e1; padding-bottom: 4px; }

.doc-lock-text { margin: 0 0 12px; font-size: 13px; color: #334155; font-family: 'Segoe UI', sans-serif; line-height: 1.5; }
#doc-lock-input { width: 100%; box-sizing: border-box; border: 1px solid #7dd3fc; border-radius: 8px; padding: 9px 12px; font-size: 14px; font-family: 'JetBrains Mono', monospace; color: #0c4a6e; background: #f0f9ff; outline: none; }
#doc-lock-input:focus { border-color: #0284c7; box-shadow: 0 0 0 3px rgba(2,132,199,0.2); }
.doc-lock-error { margin: 10px 0 0; font-size: 12px; font-weight: 800; color: #dc2626; font-family: 'JetBrains Mono', monospace; }
.doc-lock-error[hidden] { display: none !important; }

/* --- File chip mini popup (cursor-anchored!) --- */
.file-chip-popup {
    position: fixed;
    z-index: 120;
    width: 260px;
    background: linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(240,249,255,0.95) 100%);
    border: 1px solid #7dd3fc;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(2,132,199,0.3), inset 0 1px 0 #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: 'JetBrains Mono', monospace;
}
.file-chip-top { display: flex; gap: 10px; align-items: center; }
.file-chip-popup[hidden] { display: none !important; }
.file-chip-prev {
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(180deg, #e0f2ff 0%, #bae6fd 100%);
    border: 2px solid #0284c7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #0c4a6e;
}
.file-chip-prev svg { width: 26px; height: 26px; }
.file-chip-prev img { width: 100%; height: 100%; object-fit: cover; display: block; }
.file-chip-info { flex: 1; min-width: 0; }
.file-chip-title {
    font-size: 12px;
    font-weight: 800;
    color: #0c4a6e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.file-chip-sub { font-size: 11px; color: #64748b; margin-top: 2px; }
.file-chip-rename { display: flex; gap: 8px; }
#file-chip-rename-input {
    flex: 1; min-width: 0;
    border: 1px solid #7dd3fc; border-radius: 8px;
    padding: 10px 12px; font-size: 14px;
    font-family: 'JetBrains Mono', monospace; color: #0c4a6e;
    background: #f0f9ff; outline: none;
}
.file-chip-rename[hidden] { display: none !important; }
#file-chip-rename-input:focus { border-color: #0284c7; box-shadow: 0 0 0 3px rgba(2,132,199,0.2); }
#file-chip-rename-ok {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border: 1px solid #0284c7; border-radius: 8px;
    color: #fff; font-size: 11px; font-weight: 800;
    cursor: pointer; padding: 6px 10px;
    font-family: 'JetBrains Mono', monospace;
}
#file-chip-rename-btn {
    background: rgba(2,132,199,0.1);
    border: 1px solid #7dd3fc;
    border-radius: 10px;
    padding: 6px 10px;
    color: #0369a1;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    font-family: 'JetBrains Mono', monospace;
}
#file-chip-rename-btn:hover { background: rgba(2,132,199,0.2); }
.file-chip-actions { display: flex; flex-direction: column; gap: 6px; flex: none; }
#file-chip-download-btn {
    background: linear-gradient(180deg, #34d399 0%, #10b981 48%, #047857 100%);
    border: 2px solid #a7f3d0;
    border-radius: 10px;
    padding: 6px 10px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 3px 8px rgba(16,185,129,0.3), inset 0 1px 1px #fff;
    font-family: 'JetBrains Mono', monospace;
}
#file-chip-x {
    background: rgba(2,132,199,0.1);
    border: 1px solid #7dd3fc;
    border-radius: 8px;
    color: #0369a1;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    padding: 3px 0;
}.help-card { background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; font-family: monospace; font-size: 12px; line-height: 1.8; color: #334155;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}.help-card b { color: #0f172a; display: inline-block; min-width: 85px; }.text-sky-blue { color: #0284c7 !important; }.dialog-footer { padding: 15px 20px; border-top: 1px solid #e2e8f0; display: flex; justify-content: flex-end; background: #f8fafc; }
#doc-lock-overlay .dialog-footer { gap: 10px; }.dialog-confirm-orb { background: linear-gradient(180deg, #34d399 0%, #10b981 48%, #047857 100%); border: 2px solid #a7f3d0; border-radius: 20px; padding: 10px 22px; color: white; font-weight: bold; font-size: 13px; cursor: pointer; text-shadow: 0 1px 2px rgba(0,0,0,0.4); box-shadow: 0 4px 10px rgba(16,185,129,0.3), inset 0 1px 1px #fff; font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}
.tactile-alert-plate-btn { width: 100%; text-align: center; background: linear-gradient(180deg, #fef08a 0%, #eab308 45%, #ca8a04 100%); border: 3px solid #fef08a; border-radius: 8px; padding: 12px; color: #451a03; font-weight: 800; cursor: pointer; box-shadow: 0 6px 16px rgba(234, 179, 8, 0.25); }/* Floating Background Water Crystals */.ambient-droplet { position: fixed; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.4) 0%, rgba(56,189,248,0.15) 50%, transparent 100%); border-radius: 50%; pointer-events: none; z-index: 1; animation: drift linear infinite; }
body.hide-ambient .ambient-droplet { display: none !important; }@keyframes drift { 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(-80px) rotate(360deg); } }/* Scrollbar layout overrides */::-webkit-scrollbar { width: 10px; }::-webkit-scrollbar-track { background: rgba(0,0,0,0.02);
 transition: background-color 0.35s ease, border-color 0.35s ease;
}::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #94a3b8 0%, #64748b 100%); border: 2px solid #fff; border-radius: 10px;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* ========================================================
   SOVEREIGN TEXT SELECTION INTERCEPT (GLOBAL EXPOSURE)
   ======================================================== */

/* Target rule maps standard modern web trio viewports */
::selection {
    background-color: rgba(20, 149, 255, 0.35) !important; /* Your high-visibility neon volt glare! */
    color: #ffffff !important; /* Forces high-contrast typography readability */
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* Target rule maps old WebKit compilation branches (Electron rendering lanes) */
::-webkit-selection {
    background-color: rgba(20, 149, 255, 0.35) !important;
    color: #ffffff !important;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
/* --- Floating Aero Style Toolbar --- */
.aero-style-bar {
    position: absolute;
    display: none; /* Hidden by default until text is highlighted */
    align-items: center;
    gap: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(240, 249, 255, 0.7) 100%);
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 4px 8px;
    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.25), inset 0 1px 0 #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000;
    pointer-events: auto;
    transition: opacity 0.15s ease;
}

.style-bar-btn {
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #334155;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), inset 0 1px 0 #fff;
    transition: transform 0.05s, background 0.15s;
}

.style-bar-btn:hover {
    background: linear-gradient(180deg, #e2e8f0 100%, #cbd5e1 0%);
    border-color: #94a3b8;
    color: #0284c7;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.style-bar-btn:active {
    transform: translateY(1px);
}

.style-bar-divider {
    width: 1px;
    height: 18px;
    background: #cbd5e1;
    margin: 0 4px;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
/* --- Floating Aero Style Bar & Dropdowns --- */
.aero-style-bar {
    position: absolute;
    display: none;
    align-items: center;
    gap: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 249, 255, 0.8) 100%);
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 4px 8px;
    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.25), inset 0 1px 0 #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 1000;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.style-bar-btn {
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #334155;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05), inset 0 1px 0 #fff;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
.style-bar-btn:hover { background: #e2e8f0; color: #0284c7;
 transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* Dropdown Container Structure */
.aero-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 100%);
    border: 2px solid #bae6fd;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    min-width: 140px;
    z-index: 1005;
    flex-direction: column;
    padding: 4px;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.aero-dropdown.active .dropdown-menu {
    display: flex;
}

.dropdown-item {
    background: transparent;
    border: none;
    padding: 6px 10px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
.dropdown-item:hover {
    background: #e0f2fe;
    color: #0284c7;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.style-bar-divider {
    width: 1px;
    height: 18px;
    background: #cbd5e1;
    margin: 0 4px;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* --- Strict Inline Highlighting Rules (No line return forcing) --- */
.gel-orb, .gel-bubble-chip, .gel-chip-solarflare, .gel-chip-waterdrop, .liquid-underline, .glossy-border-badge, .liquid-text-glow {
    display: inline-flex !important;
    align-items: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 0 2px;
}
.aero-floating-bar {
    position: absolute;
    display: none;
    align-items: center;
    gap: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 249, 255, 0.8) 100%);
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 4px 8px;
    box-shadow: 0 10px 25px rgba(2, 132, 199, 0.25), inset 0 1px 0 #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 1000;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
ul, .bulleted-list {
    list-style-position: inside; /* Pulls the bullet inside the text boundary */
    margin: 15px 0;
    padding-left: 0;
}
/* --- Frutiger Aero Color Tray Grid Layout --- */
.highlight-grid-menu {
    display: none;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px;
    padding: 8px !important;
    background: linear-gradient(180deg, #e2e8f0 0%, #cbd5e1 100%) !important;
    border: 2px solid #94a3b8 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2), inset 0 1px 0 #fff !important;
    min-width: 150px !important;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.aero-dropdown.active .highlight-grid-menu {
    display: grid !important;
}

/* Expanded Grid Tray Layouts */
.chip-grid-menu {
    grid-template-columns: repeat(4, 1fr) !important;
    min-width: 180px !important;
}

.effect-grid-menu {
    grid-template-columns: repeat(3, 1fr) !important;
    min-width: 160px !important;
}

.aero-dropdown.active .chip-grid-menu,
.aero-dropdown.active .effect-grid-menu {
    display: grid !important;
}

/* Color & Effect Swatch Boxes */
.color-swatch-item, .chip-swatch-item, .effect-swatch-item {
    height: 28px;
    border-radius: 6px;
    cursor: pointer;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.1s ease, filter 0.1s ease;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), 0 2px 4px rgba(0,0,0,0.15);
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
    padding: 0 2px;

}

.chip-swatch-item { font-size: 9px; border: 1px solid rgba(0,0,0,0.2); }
.effect-swatch-item { border: 1px solid rgba(255,255,255,0.6); color: #1e293b; }

.color-swatch-item:hover, .chip-swatch-item:hover, .effect-swatch-item:hover {
    transform: scale(1.12);
    filter: brightness(1.1);
}

.color-swatch-item:active, .chip-swatch-item:active, .effect-swatch-item:active {
    transform: scale(0.95);
}

/* --- Cube-ify Effect Swatches to Match Color Swatches --- */
.effect-swatch-item {
    height: 28px !important;       /* Matches height of color swatches */
    padding: 0 4px !important;     /* Shrinks horizontal margins/padding */
    font-size: 11px !important;    /* Boosts text size to fill the box */
    font-weight: 900 !important;
    text-align: center;
}

/* Center and animate the Frutiger Aero Help Dialog */
dialog.aero-dialog-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.25s ease;
}

dialog.aero-dialog-box[open] {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Optional backdrop dimming for that polished glass look */
dialog.aero-dialog-box::backdrop {
    background: rgba(10, 25, 45, 0.4);
    backdrop-filter: blur(4px);
    animation: fadeInBackdrop 0.25s ease forwards;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

@keyframes fadeInBackdrop {
    from { opacity: 0; }
    to { opacity: 1; }
}
.aero-format-ribbon {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(220, 235, 250, 0.75));
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  font-family: inherit;
  font-size: 13px;
  transition: background-color 0.35s ease, border-color 0.35s ease;
}

.aero-format-ribbon .format-control {
  padding: 3px 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  transition: background-color 0.35s ease, border-color 0.35s ease;
}

.aero-format-ribbon .ribbon-separator {
  width: 1px;
  height: 20px;
  background: rgba(0, 0, 0, 0.2);
  margin: 0 4px;
  transition: background-color 0.35s ease, border-color 0.35s ease;
}

.aero-format-ribbon .color-picker-label {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 2px 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.9);
  transition: background-color 0.35s ease, border-color 0.35s ease;
}

.aero-format-ribbon input[type="color"] {
  border: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: none;
  transition: background-color 0.35s ease, border-color 0.35s ease;
}
/* --- Top Toolbar Tool Buttons --- */
.style-tool-btn {
    background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(224,242,254,0.7) 100%);
    border: 2px solid rgba(255,255,255,0.9);
    border-radius: 10px;
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0369a1;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15), inset 0 1px 2px #fff;
    transition: all 0.2s ease;
}

.style-tool-btn svg {
    display: block;
    margin: auto;
}

.style-tool-btn:hover {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    color: #ffffff;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* --- Insert menu (top format bar) --- */
.insert-menu-wrap { position: relative; display: inline-flex; }
#insert-menu-btn, #tags-menu-btn, #skills-menu-btn { width: auto !important; height: auto !important; padding: 8px 14px !important; font-family: 'JetBrains Mono', monospace !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; }
#top-format-bar #insert-menu-btn, #top-format-bar #tags-menu-btn, #top-format-bar #skills-menu-btn { font-family: 'JetBrains Mono', monospace !important; font-size: 12px !important; font-weight: 800 !important; }
#insert-menu-btn span, #tags-menu-btn span, #skills-menu-btn span { font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
#tags-menu-btn svg, #skills-menu-btn svg { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; flex: none !important; vertical-align: -3px; margin-right: 2px; }
#top-format-bar #tags-menu-btn svg, #top-format-bar #skills-menu-btn svg { width: 18px !important; height: 18px !important; }
#insert-menu-popup, #tags-menu-popup, #skills-menu-popup {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 200;
    min-width: 150px;
    background: linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(240,249,255,0.95) 100%);
    border: 1px solid #7dd3fc;
    border-radius: 12px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 8px 24px rgba(2,132,199,0.25), inset 0 1px 0 #fff;
}
.insert-item {
    background: rgba(255,255,255,0.6);
    border: 1px solid transparent;
    border-radius: 8px;
    color: #0c4a6e;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    cursor: pointer;
    text-align: left;
}
.insert-item:hover { background: #e0f2fe; border-color: #38bdf8; color: #0369a1; }
.insert-item svg { width: 15px; height: 15px; vertical-align: -2px; margin-right: 6px; }
/* Skills menu: cozy note, not empty placeholder! */
.skills-soon-note {
    padding: 10px 12px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    color: #7e22ce;
    background: linear-gradient(180deg, #faf5ff 0%, #f5f3ff 100%);
    border: 1px dashed #d8b4fe;
    border-radius: 8px;
    text-align: center;
    min-width: 180px;
}
/* --- Uni-Chip skill: Inkpath-style HSVA picker + chip! --- */
#unichip-dialog {
    padding: 24px;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,0.6);
    background: linear-gradient(135deg, rgba(250,245,255,0.98), rgba(233,213,255,0.98));
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    max-width: 520px;
    width: calc(100% - 40px);
    color: #581c87;
}
#unichip-dialog::backdrop { background: rgba(88,28,135,0.35); backdrop-filter: blur(3px); }
.unichip-grid { display: flex; gap: 16px; flex-wrap: wrap; }
.unichip-picker { flex: 1 1 220px; display: flex; flex-direction: column; gap: 8px; }
.unichip-side { flex: 1 1 160px; display: flex; flex-direction: column; gap: 6px; }
.unichip-row { display: flex; flex-direction: column; gap: 4px; }
.unichip-row label { font-size: 11px; font-weight: 800; font-family: 'JetBrains Mono', monospace; color: #7e22ce; }
.unichip-row input[type="range"], .unichip-picker input[type="range"] {
    -webkit-appearance: none; appearance: none;
    width: 100%; height: 12px; border-radius: 6px;
    border: 1px solid #c084fc; background: #fff;
    padding: 0; outline: none; cursor: pointer;
}
.unichip-row input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none;
    width: 14px; height: 20px; border-radius: 5px;
    background: #fff; border: 2px solid #9333ea;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4); cursor: ew-resize;
}
.unichip-row input[type="range"]::-moz-range-thumb {
    width: 12px; height: 18px; border-radius: 5px;
    background: #fff; border: 2px solid #9333ea;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4); cursor: ew-resize;
}
.unichip-row input[type="range"]::-moz-range-track { height: 12px; border-radius: 6px; background: transparent; }
.unichip-preview-row { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.unichip-preview {
    width: 36px; height: 22px; border-radius: 6px; flex: none;
    border: 1px solid #9333ea; background: #9333ea;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
    background-size: 10px 10px; background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.unichip-hex {
    flex: 1; background: #fff; border: 1px solid #c084fc; border-radius: 6px;
    color: #581c87; padding: 5px 8px; font-size: 12px;
    font-family: 'JetBrains Mono', monospace; font-weight: 700; outline: none;
}
.unichip-label { font-size: 11px; font-weight: 800; font-family: 'JetBrains Mono', monospace; color: #7e22ce; }
.unichip-text {
    background: #fff; border: 1px solid #c084fc; border-radius: 8px;
    color: #334155; padding: 7px 10px; font-size: 13px;
    font-family: 'JetBrains Mono', monospace; outline: none;
}
/* The chip itself — a Bubble Chip cousin! The exact Bubble Chip chassis (10px corners, color pouring
   DOWN from the top, a 2px border a shade deeper than the color, near-black ink, the soft drop + inset
   highlight), all made from the ONE color you pick! It's a plain style, so its text selects, edits and
   deletes like any other! */
.uni-chip {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 2px 10px; margin: 0 2px; border-radius: 10px;
    font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 800;
    vertical-align: middle; white-space: nowrap;
    background: linear-gradient(180deg, var(--uni-accent, #a78bfa) 0%, transparent 100%) !important;
    border: 2px solid #7c3aed;
    border: 2px solid color-mix(in srgb, var(--uni-accent, #a78bfa) 80%, #000000);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), inset 0 1px 1px rgba(255, 255, 255, 0.4);
    color: #2e1065;
    color: color-mix(in srgb, var(--uni-accent, #a78bfa) 25%, #000000);
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
#uni-chip-preview { margin-top: 2px; }
.unichip-hint { margin: 6px 0 0; font-size: 11px; line-height: 1.4; color: #6b21a8; }
/* --- BeepBox Song skill: paste a link, press the chip to play/stop! --- */
#beepbox-dialog {
    padding: 24px;
    border-radius: 12px;
    border: 2px solid rgba(255,255,255,0.6);
    background: linear-gradient(135deg, rgba(250,245,255,0.98), rgba(233,213,255,0.98));
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    max-width: 520px;
    width: calc(100% - 40px);
    color: #581c87;
}
#beepbox-dialog::backdrop { background: rgba(88,28,135,0.35); backdrop-filter: blur(3px); }
#beepbox-dialog .unichip-label { display: block; margin-bottom: 4px; }
#beepbox-dialog .unichip-text { width: 100%; box-sizing: border-box; }
.bb-link {
    width: 100%; box-sizing: border-box; resize: vertical; min-height: 60px;
    background: #fff; border: 1px solid #c084fc; border-radius: 8px;
    color: #334155; padding: 7px 10px; font-size: 12px;
    font-family: 'JetBrains Mono', monospace; outline: none;
    word-break: break-all;
}
.bb-link:focus, #beepbox-dialog .unichip-text:focus { border-color: #9333ea; box-shadow: 0 0 0 3px rgba(147,51,234,0.2); }
.bb-status {
    margin: 6px 0 12px; font-size: 12px; font-weight: 700;
    font-family: 'JetBrains Mono', monospace; color: #7e22ce;
    overflow-wrap: anywhere;
}
.bb-status-ok { color: #15803d; }
.bb-status-warn { color: #b45309; }
.bb-status-error { color: #b91c1c; }
#beepbox-dialog button:disabled { opacity: 0.45; cursor: not-allowed !important; }
/* The chip — Chiptune Cartridge: cream console plastic, red A-button, pea-green LCD! */
.bb-chip {
    position: relative;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 4px; margin: 0 2px; border-radius: 4px 4px 10px 10px;
    font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 800;
    vertical-align: middle; white-space: nowrap;
    cursor: pointer; user-select: none;
    background: linear-gradient(180deg, #ece7da 0%, #d6cfbe 100%);
    border: 1px solid #9c9483;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), inset 0 -2px 0 rgba(0,0,0,0.1), 0 2px 0 #8a8272;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.bb-chip span { pointer-events: none; }
.bb-chip:hover { transform: translateY(-1px); }
.bb-chip:active { transform: translateY(1px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), inset 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 #8a8272; }
/* The round A-button: play triangle, stop square while playing! */
.bb-chip-icon {
    position: relative; flex: none;
    width: 16px; height: 16px; border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #f06292 0%, #c2185b 55%, #880e4f 100%);
    box-shadow: 0 1px 0 #6d0a3d, inset 0 1px 1px rgba(255,255,255,0.45);
}
.bb-chip-icon::before {
    content: ''; position: absolute; left: 6px; top: 4px;
    border-style: solid; border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #ffffff;
}
/* The LCD label! */
.bb-chip-text {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 1px 7px; border-radius: 3px;
    background: #9bbc0f;
    color: #0f380f;
    box-shadow: inset 0 1px 2px rgba(15,56,15,0.55);
    border: 1px solid #5c6b4a;
}
/* Playing: button pressed in, LCD backlight on, equalizer bouncing! */
.bb-chip.bb-playing .bb-chip-icon { transform: translateY(1px); box-shadow: inset 0 1px 2px rgba(0,0,0,0.45); }
.bb-chip.bb-playing .bb-chip-icon::before { left: 5px; top: 5px; width: 6px; height: 6px; border: none; background: #ffffff; border-radius: 1px; }
.bb-chip.bb-playing .bb-chip-text {
    background: #c4e86b;
    box-shadow: inset 0 1px 2px rgba(15,56,15,0.35), 0 0 8px rgba(196,232,107,0.75);
}
.bb-chip.bb-playing .bb-chip-text::after {
    content: ''; width: 11px; height: 9px; flex: none;
    background:
        linear-gradient(var(--bb-eq, #0f380f), var(--bb-eq, #0f380f)) 0 100% / 3px 40% no-repeat,
        linear-gradient(var(--bb-eq, #0f380f), var(--bb-eq, #0f380f)) 4px 100% / 3px 90% no-repeat,
        linear-gradient(var(--bb-eq, #0f380f), var(--bb-eq, #0f380f)) 8px 100% / 3px 60% no-repeat;
    animation: bb-chip-eq 0.6s steps(3) infinite alternate;
}
@keyframes bb-chip-eq {
    0% { background-size: 3px 40%, 3px 90%, 3px 60%; }
    100% { background-size: 3px 100%, 3px 30%, 3px 85%; }
}
/* Couldn't play: LCD flashes an error tint! */
.bb-chip.bb-error .bb-chip-text { background: #e8a87c; color: #5a1a0a; }
.bb-chip.bb-error .bb-chip-icon { filter: grayscale(1); }
@media (prefers-reduced-motion: reduce) {
    .bb-chip.bb-playing .bb-chip-text::after { animation: none; }
    .bb-chip, .bb-chip:hover, .bb-chip:active { transition: none; transform: none; }
}
/* --- BeepBox chip styles: pick one before inserting! (Cartridge = the base look above) --- */
.bb-style-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
.bb-style-btn {
    display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0;
    padding: 10px 6px 6px; border-radius: 8px; cursor: pointer;
    background: #fffdf7; border: 1px solid #e9d5ff;
}
.bb-style-btn:hover { border-color: #c084fc; }
.bb-style-btn.active { border-color: #9333ea; box-shadow: 0 0 0 2px #9333ea; }
.bb-style-btn .bb-chip { pointer-events: none; max-width: 100%; }
.bb-style-btn .bb-chip-text { overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100px; }
.bb-style-name { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 800; color: #7e22ce; }
@keyframes bb-spin { to { transform: rotate(360deg); } }

/* Cassette: tape shell + paper label; the button turns into a spinning reel! */
.bb-chip.bb-st-cassette {
    --bb-eq: #2b2118;
    background: linear-gradient(180deg, #3b3b44, #24242b); border: 1px solid #111111; border-radius: 5px; padding: 3px 5px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 2px 0 #0d0d10;
}
.bb-st-cassette .bb-chip-icon { background: #e8e2d0; box-shadow: inset 0 0 0 2px #24242b; }
.bb-st-cassette .bb-chip-icon::before { border-left-color: #24242b; }
.bb-st-cassette .bb-chip-text {
    background: linear-gradient(180deg, #f6efd9 0 80%, #e05a47 80% 90%, #f6efd9 90%);
    color: #2b2118; border: none; border-radius: 2px; padding: 0 7px 4px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
}
.bb-chip.bb-st-cassette.bb-playing .bb-chip-icon {
    background: repeating-conic-gradient(#e8e2d0 0 30deg, #24242b 30deg 60deg);
    animation: bb-spin 1.2s linear infinite;
}
.bb-chip.bb-st-cassette.bb-playing .bb-chip-icon::before { left: 5px; top: 5px; width: 6px; height: 6px; border-radius: 50%; background: #24242b; }
.bb-chip.bb-st-cassette.bb-playing .bb-chip-text { background: linear-gradient(180deg, #fffaf0 0 80%, #f06b57 80% 90%, #fffaf0 90%); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2); }

/* Vinyl: a record that spins while it plays! */
.bb-chip.bb-st-vinyl {
    --bb-eq: #e53935;
    background: linear-gradient(180deg, #2a2a2a, #111111); border: 1px solid #000000; border-radius: 999px;
    padding: 2px 10px 2px 2px; box-shadow: 0 2px 4px rgba(0,0,0,0.35);
}
.bb-st-vinyl .bb-chip-icon {
    width: 20px; height: 20px;
    background: radial-gradient(circle, #e53935 0 4px, #141414 4.5px, #2c2c2c 5.5px, #141414 6.5px, #2c2c2c 7.5px, #141414 8.5px, #3a3a3a 10px);
    box-shadow: 0 0 0 1px #000000;
}
.bb-st-vinyl .bb-chip-icon::before { left: 8px; top: 6px; border-width: 4px 0 4px 6px; border-left-color: #ffffff; }
.bb-st-vinyl .bb-chip-text { background: transparent; color: #f5f5f5; border: none; box-shadow: none; padding: 1px 2px; }
.bb-chip.bb-st-vinyl.bb-playing .bb-chip-icon { transform: none; box-shadow: 0 0 0 1px #000000; animation: bb-spin 1.8s linear infinite; }
.bb-chip.bb-st-vinyl.bb-playing .bb-chip-icon::before { left: 8px; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: #ffffff; }
.bb-chip.bb-st-vinyl.bb-playing .bb-chip-text { background: transparent; color: #ffffff; box-shadow: none; }

/* Synthwave: neon pink + cyan glow that pulses while playing! */
.bb-chip.bb-st-synth {
    --bb-eq: #5ff6ff;
    background: linear-gradient(180deg, #2a0b45, #12002b); border: 1px solid #ff3fb4; border-radius: 6px;
    box-shadow: 0 0 6px rgba(255,63,180,0.5), inset 0 -6px 10px rgba(255,63,180,0.18);
}
.bb-st-synth .bb-chip-icon { border-radius: 4px; background: linear-gradient(180deg, #ff8de0, #ff3fb4); box-shadow: 0 0 6px rgba(255,63,180,0.8); }
.bb-st-synth .bb-chip-text { background: transparent; color: #5ff6ff; border: none; box-shadow: none; font-style: italic; text-shadow: 0 0 6px rgba(95,246,255,0.8); }
.bb-chip.bb-st-synth.bb-playing { animation: bb-synth-pulse 1s ease-in-out infinite; }
.bb-chip.bb-st-synth.bb-playing .bb-chip-text { background: transparent; color: #ffffff; box-shadow: none; text-shadow: 0 0 8px #5ff6ff; }
@keyframes bb-synth-pulse {
    0%, 100% { box-shadow: 0 0 6px rgba(255,63,180,0.5), inset 0 -6px 10px rgba(255,63,180,0.18); }
    50% { box-shadow: 0 0 14px rgba(255,63,180,0.9), 0 0 4px rgba(95,246,255,0.8), inset 0 -6px 10px rgba(255,63,180,0.3); }
}

/* Aqua Gel: Bitbook's glossy gel bubble; turns green while playing! */
.bb-chip.bb-st-aqua {
    --bb-eq: #ffffff;
    background: linear-gradient(180deg, #9fe3ff 0%, #2fa8e6 55%, #1478c4 100%); border: 2px solid #0f5f9e;
    border-radius: 999px; padding: 2px 11px 2px 3px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), 0 3px 6px rgba(0,0,0,0.12);
}
.bb-chip.bb-st-aqua::before {
    content: ''; position: absolute; left: 6px; right: 6px; top: 1px; height: 45%; border-radius: 999px; pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.08));
}
.bb-st-aqua .bb-chip-icon { background: radial-gradient(circle at 35% 30%, #ffffff, #d9f3ff 60%, #8fcde8); box-shadow: 0 1px 1px rgba(0,40,80,0.4); }
.bb-st-aqua .bb-chip-icon::before { border-left-color: #0f5f9e; }
.bb-st-aqua .bb-chip-text { position: relative; background: transparent; color: #ffffff; border: none; box-shadow: none; text-shadow: 0 1px 1px rgba(0,40,80,0.6); }
.bb-chip.bb-st-aqua.bb-playing { --bb-eq: #ffffff; background: linear-gradient(180deg, #c4f7b0 0%, #4cc95a 55%, #23902d 100%); border-color: #1b6e22; }
.bb-chip.bb-st-aqua.bb-playing .bb-chip-icon::before { background: #1b6e22; }
.bb-chip.bb-st-aqua.bb-playing .bb-chip-text { background: transparent; box-shadow: none; text-shadow: 0 1px 1px rgba(10,60,15,0.6); }

/* Piano: a black key button and a keyboard strip; the keys light up while playing! */
.bb-chip.bb-st-piano {
    --bb-eq: #111111;
    background: #fdfdfd; border: 1px solid #222222; border-radius: 4px; padding: 3px 6px 3px 4px; box-shadow: 0 2px 0 #222222;
}
.bb-st-piano .bb-chip-icon { width: 11px; height: 18px; border-radius: 0 0 3px 3px; background: linear-gradient(180deg, #3a3a3a, #000000); box-shadow: 0 1px 0 #000000; }
.bb-st-piano .bb-chip-icon::before { left: 3px; top: 5px; border-width: 4px 0 4px 5px; }
.bb-st-piano .bb-chip-text {
    background: repeating-linear-gradient(90deg, #111111 0 5px, transparent 5px 12px) 3px 0 / 100% 5px no-repeat, #ffffff;
    color: #111111; border: none; border-radius: 0; box-shadow: none; padding: 6px 4px 1px; font-family: Georgia, 'Times New Roman', serif; font-style: italic;
}
.bb-chip.bb-st-piano.bb-playing .bb-chip-icon { background: linear-gradient(180deg, #8b5cf6, #5b21b6); }
.bb-chip.bb-st-piano.bb-playing .bb-chip-icon::before { left: 3px; top: 6px; width: 5px; height: 5px; }
.bb-chip.bb-st-piano.bb-playing .bb-chip-text {
    background: repeating-linear-gradient(90deg, #7c3aed 0 5px, transparent 5px 12px) 3px 0 / 100% 5px no-repeat, #faf5ff; box-shadow: none;
}

/* Music Box: polished wood + a gold crank that turns while playing! */
.bb-chip.bb-st-musicbox {
    --bb-eq: #4a2c10;
    background: repeating-linear-gradient(100deg, rgba(0,0,0,0.06) 0 2px, transparent 2px 7px), linear-gradient(180deg, #b9824d, #8a5a2b);
    border: 1px solid #5e3a17; border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 2px 0 #4a2c10;
}
.bb-st-musicbox .bb-chip-icon { background: radial-gradient(circle at 35% 30%, #fff3c4, #e0b44c 55%, #9a7420); box-shadow: 0 1px 0 #4a2c10, inset 0 1px 1px rgba(255,255,255,0.5); }
.bb-st-musicbox .bb-chip-icon::before { border-left-color: #5e3a17; }
.bb-st-musicbox .bb-chip-text {
    background: linear-gradient(180deg, #f3e3c3, #e6cfa2); color: #4a2c10; border: 1px solid #9a7420; border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.15); font-family: Georgia, 'Times New Roman', serif; font-style: italic;
}
.bb-chip.bb-st-musicbox.bb-playing .bb-chip-icon { transform: none; animation: bb-spin 2.2s linear infinite; }
.bb-chip.bb-st-musicbox.bb-playing .bb-chip-icon::before { background: #5e3a17; }
.bb-chip.bb-st-musicbox.bb-playing .bb-chip-text { background: linear-gradient(180deg, #fff6dd, #f1dfb6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 0 6px rgba(240,200,110,0.7); }

/* Minimal: a clean outline pill that turns violet while playing! */
.bb-chip.bb-st-minimal {
    --bb-eq: #7c3aed;
    background: #ffffff; border: 1.5px solid #cbd5e1; border-radius: 999px; padding: 2px 11px 2px 3px; box-shadow: none;
}
.bb-chip.bb-st-minimal:active { box-shadow: none; }
.bb-st-minimal .bb-chip-icon { background: #0f172a; box-shadow: none; }
.bb-st-minimal .bb-chip-text { background: transparent; color: #0f172a; border: none; box-shadow: none; padding: 1px 0; font-family: inherit; font-weight: 700; }
.bb-chip.bb-st-minimal.bb-playing { border-color: #7c3aed; }
.bb-chip.bb-st-minimal.bb-playing .bb-chip-icon { background: #7c3aed; box-shadow: none; }
.bb-chip.bb-st-minimal.bb-playing .bb-chip-text { background: transparent; box-shadow: none; color: #5b21b6; }
@media (prefers-reduced-motion: reduce) {
    .bb-chip.bb-playing .bb-chip-icon, .bb-chip.bb-st-synth.bb-playing { animation: none !important; }
}
/* --- Shared dialog shell for the Pixel Sprite + Time Capsule skills! --- */

.sk-dialog {
    padding: 24px; border-radius: 12px;
    border: 2px solid rgba(255,255,255,0.6);
    background: linear-gradient(135deg, rgba(250,245,255,0.98), rgba(233,213,255,0.98));
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    max-width: 560px; width: calc(100% - 40px); color: #581c87;
}
.sk-dialog::backdrop { background: rgba(88,28,135,0.35); backdrop-filter: blur(3px); }
.sk-dialog .unichip-label { display: block; margin: 8px 0 4px; }
.sk-dialog .unichip-text { width: 100%; box-sizing: border-box; }
.sk-dialog .unichip-text:focus { border-color: #9333ea; box-shadow: 0 0 0 3px rgba(147,51,234,0.2); }
/* --- Insert > Symbols: the giant character grid! --- */
.sy-dialog { max-width: 900px; }
.sy-dialog .us-toolbar #sy-search { flex: 1 1 220px; width: auto; }
.sy-dialog .us-toolbar #sy-cat { flex: 0 1 260px; width: auto; min-width: 0; }
.sy-grid {
    max-height: min(48vh, 420px); overflow-y: auto; padding: 0 8px 8px; border-radius: 8px;
    background: #fffdf7; border: 1px solid #e9d5ff; overscroll-behavior: contain;
}
.sy-sec { content-visibility: auto; contain-intrinsic-size: auto 420px; }
.sy-sec[hidden], .sy-t[hidden] { display: none; }
.sy-sec-title {
    position: sticky; top: 0; z-index: 1; margin: 0; padding: 8px 2px 5px; background: #fffdf7;
    font: 800 11px 'JetBrains Mono', monospace; color: #7e22ce; text-transform: uppercase; letter-spacing: 0.06em;
}
.sy-sec-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); gap: 4px; }
.sy-t {
    height: 40px; min-width: 0; padding: 0; overflow: hidden; cursor: pointer;
    border: 1px solid #f3e8ff; border-radius: 7px; background: #ffffff; color: #1e1b4b;
    font-family: system-ui, 'Apple Symbols', 'Segoe UI Symbol', 'Noto Sans Symbols', 'Noto Sans Symbols 2', 'Cambria Math', 'STIX Two Math', 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
    font-size: 21px; line-height: 1;
}
.sy-t:hover { border-color: #c084fc; background: #faf5ff; }
.sy-t.active { border-color: #9333ea; box-shadow: 0 0 0 2px #9333ea; background: #faf5ff; }
.sy-t:focus-visible { outline: 2px solid #9333ea; outline-offset: 1px; }
.sy-recent-wrap { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; min-width: 0; }
.sy-recent-wrap[hidden] { display: none; }
.sy-recent-label { font: 800 10px 'JetBrains Mono', monospace; color: #7e22ce; text-transform: uppercase; letter-spacing: 0.06em; flex: none; }
.sy-recent { display: flex; gap: 4px; overflow-x: auto; flex: 1; min-width: 0; padding: 2px; }
.sy-recent .sy-t { flex: 0 0 34px; height: 34px; font-size: 18px; }
.sy-preview-row { display: flex; align-items: center; gap: 14px; margin-top: 10px; min-width: 0; }
.sy-preview {
    flex: none; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center;
    background: #ffffff; border: 1px dashed #c4b5fd; border-radius: 10px; color: #1e1b4b; font-size: 40px; line-height: 1;
    font-family: system-ui, 'Apple Symbols', 'Segoe UI Symbol', 'Noto Sans Symbols', 'Cambria Math', 'STIX Two Math', 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}
.sy-preview-info { min-width: 0; }
.sy-preview-name { font-weight: 800; font-size: 14px; color: #581c87; overflow-wrap: anywhere; }
.sy-preview-code { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #7e22ce; margin-top: 2px; }
.sy-loading { margin: 0; padding: 36px 10px; text-align: center; color: #7e22ce; font-weight: 700; }
.sk-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.sk-head h3 { margin: 0; color: #6b21a8; font-family: inherit; font-size: 18px; }
.sk-foot { margin-top: 16px; display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.sk-primary { padding: 6px 16px; background: #9333ea; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-weight: bold; }
.sk-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.px-seg { display: flex; gap: 4px; flex-wrap: wrap; }
.px-seg-btn {
    padding: 4px 10px; border-radius: 6px; cursor: pointer;
    border: 1px solid #c084fc; background: #fff; color: #6b21a8;
    font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 800;
}
.px-seg-btn.active { background: #9333ea; border-color: #7e22ce; color: #fff; }
/* Pixel Sprite editor! */
.px-layout { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; }
#px-canvas {
    width: 320px; max-width: 100%; aspect-ratio: 1; height: auto;
    border: 2px solid #7e22ce; border-radius: 6px; background: #fff;
    image-rendering: pixelated; cursor: crosshair; touch-action: none;
}
.px-side { flex: 1 1 150px; display: flex; flex-direction: column; gap: 2px; }
.px-palette { display: grid; grid-template-columns: repeat(8, 22px); gap: 4px; }
.px-swatch {
    width: 22px; height: 22px; border-radius: 4px; cursor: pointer; padding: 0;
    border: 1px solid rgba(0,0,0,0.25);
}
.px-swatch.active { outline: 2px solid #7e22ce; outline-offset: 2px; }
.px-preview-box {
    width: 64px; height: 64px; border: 1px dashed #c084fc; border-radius: 6px; margin-bottom: 8px;
    background: repeating-conic-gradient(#f3e8ff 0% 25%, #ffffff 0% 50%) 0 0 / 8px 8px;
}
.px-preview-box img { width: 64px; height: 64px; image-rendering: pixelated; display: block; }
/* The sprite in a note: just the pixels, crisp! Click to redraw! */
.px-chip {
    display: inline-block; vertical-align: middle; margin: 0 2px; line-height: 0;
    cursor: pointer; user-select: none; border-radius: 3px;
}
.px-chip img { image-rendering: pixelated; display: block; pointer-events: none; }
.px-chip.px-s img { width: 20px; height: 20px; }
.px-chip.px-m img { width: 40px; height: 40px; }
.px-chip.px-l img { width: 80px; height: 80px; }
.px-chip:hover { outline: 1px dashed #9333ea; outline-offset: 2px; }
/* Time Capsule dialog bits! */
.tc-when-row { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.tc-when-row #tc-when { flex: 1 1 200px; width: auto; }
/* The Time Capsule chip: a futuristic stasis pod! Dark glass hull, neon edge,
   a spinning energy core and a holo countdown! */
.tc-chip {
    display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap;
    padding: 2px 4px 2px 3px; margin: 0 2px; border-radius: 4px 12px 4px 12px;
    font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
    vertical-align: middle; white-space: nowrap; cursor: pointer; user-select: none; position: relative;
    background:
        linear-gradient(100deg, transparent 38%, rgba(0,229,255,0.22) 50%, transparent 62%) 0 0 / 260% 100%,
        repeating-linear-gradient(0deg, rgba(125,249,255,0.06) 0 1px, transparent 1px 3px),
        linear-gradient(180deg, #172046 0%, #0b1026 60%, #070a1a 100%);
    border: 1px solid rgba(0,229,255,0.6);
    box-shadow: 0 0 0 1px rgba(124,58,237,0.35), 0 0 8px rgba(0,229,255,0.35), inset 0 0 8px rgba(0,229,255,0.15), inset 0 1px 0 rgba(255,255,255,0.18);
    color: #dff9ff; text-shadow: 0 0 4px rgba(0,229,255,0.45);
    animation: tc-scan 4.5s linear infinite;
}
@keyframes tc-scan { from { background-position: 130% 0, 0 0, 0 0; } to { background-position: -130% 0, 0 0, 0 0; } }
.tc-chip span { pointer-events: none; }
/* Energy core with a spinning containment ring! */
.tc-chip-lock {
    position: relative; flex: none; width: 16px; height: 16px; border-radius: 50%;
    background: radial-gradient(circle, #ffffff 0 14%, #7df9ff 32%, #00b8d9 55%, #3b0f8a 75%, #0b1026 100%);
    box-shadow: 0 0 6px rgba(0,229,255,0.8), inset 0 0 2px rgba(255,255,255,0.6);
    animation: tc-core 2.2s ease-in-out infinite;
}
.tc-chip-lock::before {
    content: ''; position: absolute; inset: -3px; border-radius: 50%;
    background: conic-gradient(#00e5ff 0 22%, transparent 22% 50%, #a855f7 50% 72%, transparent 72%);
    -webkit-mask: radial-gradient(circle, transparent 0 7.5px, #000000 8px); mask: radial-gradient(circle, transparent 0 7.5px, #000000 8px);
    animation: tc-spin 2.6s linear infinite;
}
.tc-chip-lock::after { content: none; }
@keyframes tc-spin { to { transform: rotate(360deg); } }
@keyframes tc-core { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.35); } }
.tc-chip-name { padding-right: 1px; }
.tc-chip-count {
    padding: 0 6px; border-radius: 3px;
    background: rgba(0,229,255,0.08); border: 1px solid rgba(0,229,255,0.4);
    color: #7df9ff; font-variant-numeric: tabular-nums;
    box-shadow: inset 0 0 6px rgba(0,229,255,0.2);
    text-shadow: 0 0 4px rgba(0,229,255,0.9);
}
/* Ready: the pod goes green and pulses! */
.tc-chip.tc-ready {
    border-color: rgba(52,255,170,0.75);
    animation: tc-scan 4.5s linear infinite, tc-ready-glow 1.6s ease-in-out infinite;
}
.tc-chip.tc-ready .tc-chip-lock { background: radial-gradient(circle, #ffffff 0 16%, #b9ffde 34%, #22e39a 58%, #0b5a45 80%, #0b1026 100%); box-shadow: 0 0 7px rgba(52,255,170,0.9); }
.tc-chip.tc-ready .tc-chip-lock::before { background: conic-gradient(#34ffaa 0 30%, transparent 30% 50%, #7df9ff 50% 80%, transparent 80%); }
.tc-chip.tc-ready .tc-chip-count { color: #b9ffde; border-color: rgba(52,255,170,0.55); background: rgba(52,255,170,0.1); text-shadow: 0 0 5px rgba(52,255,170,0.9); }
@keyframes tc-ready-glow {
    0%, 100% { box-shadow: 0 0 0 1px rgba(124,58,237,0.35), 0 0 6px rgba(52,255,170,0.35), inset 0 0 8px rgba(52,255,170,0.15); }
    50% { box-shadow: 0 0 0 1px rgba(124,58,237,0.35), 0 0 14px rgba(52,255,170,0.75), inset 0 0 10px rgba(52,255,170,0.3); }
}
/* Opened: the pod unseals and projects the message as a hologram! */
.tc-chip.tc-opened { animation: tc-scan 4.5s linear infinite; border-radius: 6px 16px 6px 16px; white-space: normal; max-width: min(380px, 100%); }
.tc-chip.tc-opened .tc-chip-lock { animation: none; background: radial-gradient(circle, transparent 0 40%, #7df9ff 45% 60%, #00b8d9 65%, transparent 72%); }
.tc-chip.tc-opened .tc-chip-lock::before { animation-duration: 6s; opacity: 0.6; }
.tc-chip-msg {
    flex: 1 1 100%; margin: 2px 2px 3px; padding: 7px 9px; border-radius: 4px 10px 4px 10px;
    background:
        repeating-linear-gradient(0deg, rgba(125,249,255,0.08) 0 1px, transparent 1px 3px),
        linear-gradient(135deg, rgba(0,229,255,0.14), rgba(124,58,237,0.18));
    border: 1px solid rgba(0,229,255,0.45);
    color: #e9fdff; font-weight: 600; text-transform: none; letter-spacing: 0.01em; font-size: 12px;
    text-shadow: 0 0 6px rgba(0,229,255,0.6); white-space: pre-wrap; overflow-wrap: anywhere;
    box-shadow: inset 0 0 12px rgba(0,229,255,0.15);
}
/* Still sealed: it glitches! */
.tc-chip.tc-shake { animation: tc-shake 0.45s steps(2, end); }
@keyframes tc-shake {
    0%, 100% { transform: translateX(0); filter: none; }
    20% { transform: translateX(-3px) skewX(-6deg); filter: hue-rotate(60deg); }
    40% { transform: translateX(3px) skewX(6deg); filter: hue-rotate(-60deg) brightness(1.3); }
    60% { transform: translateX(-2px); filter: hue-rotate(30deg); }
    80% { transform: translateX(2px) skewX(3deg); filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    .tc-chip, .tc-chip.tc-ready, .tc-chip.tc-opened, .tc-chip.tc-shake, .tc-chip-lock, .tc-chip-lock::before { animation: none; }
}
/* --- Custom Chip skill: 50 styles, all from ONE picked color (--cc) plus a readable ink (--cc-ink)! --- */
.cc-dialog { max-width: 700px; }
.cc-top { display: flex; gap: 16px; flex-wrap: wrap; }
.cc-color { flex: 1 1 240px; display: flex; flex-direction: column; gap: 8px; }
.cc-swatch { width: 36px; height: 22px; border-radius: 6px; flex: none; border: 1px solid rgba(0,0,0,0.25); }
.cc-preview-box { flex: 1 1 200px; display: flex; flex-direction: column; }
.cc-preview-stage {
    flex: 1; min-height: 64px; display: flex; align-items: center; justify-content: center;
    background: #fffdf7; border: 1px dashed #c084fc; border-radius: 8px; padding: 10px;
    font-size: 15px; color: #334155;
}
.cc-style-name { margin-top: 6px; font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 800; color: #6b21a8; text-align: center; }
.cc-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px;
    max-height: 260px; overflow-y: auto; padding: 6px; border-radius: 8px;
    background: #fffdf7; border: 1px solid #e9d5ff;
}
.cc-grid-btn {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 10px 4px 6px; border-radius: 8px; cursor: pointer;
    background: #fff; border: 1px solid #f3e8ff; color: #334155; font-size: 13px;
}
.cc-grid-btn:hover { border-color: #c084fc; }
.cc-grid-btn.active { border-color: #9333ea; box-shadow: 0 0 0 2px #9333ea; }
.cc-grid-btn .cc-chip { pointer-events: none; }
.cc-grid-name { font-family: 'JetBrains Mono', monospace; font-size: 9px; font-weight: 700; color: #7e22ce; text-align: center; line-height: 1.2; }

/* The chip base: shades come from the picked color! */
.cc-chip {
    --c: var(--cc, #8b5cf6);
    --ink: var(--cc-ink, #ffffff);
    --d: color-mix(in srgb, var(--c) 65%, #000000);
    --dd: color-mix(in srgb, var(--c) 35%, #000000);
    --l: color-mix(in srgb, var(--c) 40%, #ffffff);
    --xl: color-mix(in srgb, var(--c) 14%, #ffffff);
    /* The Gel Bubble recipe: color-to-clear fill, deeper 2px edge, near-black ink, soft drop + inset shine! */
    --edge: color-mix(in srgb, var(--c) 82%, #000000);
    --gink: color-mix(in srgb, var(--c) 28%, #000000);
    --gel-fill: linear-gradient(180deg, var(--c) 0%, transparent 100%);
    --gloss: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.14) 48%, rgba(255,255,255,0) 52%);
    --gel-shadow: 0 3px 6px rgba(0,0,0,0.06), inset 0 1px 1px rgba(255,255,255,0.4);
    display: inline-block; position: relative; isolation: isolate;
    padding: 1px 9px; margin: 0 2px; border-radius: 6px;
    font-weight: 800; line-height: 1.45; vertical-align: baseline;
    color: var(--dd); background: var(--xl); caret-color: currentColor;
}
.cc-s1 { background: var(--gel-fill); border: 2px solid var(--edge); color: var(--gink); border-radius: 999px; padding: 1px 12px; box-shadow: var(--gel-shadow); }
.cc-s2 { background: linear-gradient(180deg, var(--l) 0%, transparent 100%); border: 2px solid var(--l); color: var(--gink); border-radius: 10px; box-shadow: var(--gel-shadow); }
.cc-s3 {
    background: var(--gloss); border: 2px solid var(--edge); color: var(--gink); border-radius: 10px;
    box-shadow: var(--gel-shadow), inset 0 -6px 8px -6px color-mix(in srgb, var(--c) 45%, transparent);
}
.cc-s4 { background: var(--gel-fill); border: 2px dashed var(--edge); color: var(--gink); border-radius: 10px; box-shadow: var(--gel-shadow); }
.cc-s5 { background: linear-gradient(180deg, var(--l) 0%, transparent 100%); border: 3px dotted var(--edge); color: var(--gink); border-radius: 999px; padding: 0 11px; box-shadow: var(--gel-shadow); }
.cc-s6 { background: var(--gel-fill), #ffffff; border: 4px double var(--edge); color: var(--gink); border-radius: 12px; box-shadow: var(--gel-shadow); }
.cc-s7 { background: linear-gradient(90deg, var(--d), var(--l)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.45); }
.cc-s8 {
    background: linear-gradient(180deg, var(--l) 0%, var(--c) 55%, var(--d) 100%); color: var(--ink);
    border-radius: 999px; padding: 1px 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 2px 4px rgba(0,0,0,0.2);
}
.cc-s8::before {
    content: ''; position: absolute; z-index: -1; left: 6px; right: 6px; top: 2px; height: 42%;
    border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.1));
}
.cc-s9 {
    background: #0d0b1a; color: color-mix(in srgb, var(--c) 30%, #ffffff); border: 1px solid var(--l);
    box-shadow: 0 0 6px var(--l), inset 0 0 6px color-mix(in srgb, var(--l) 50%, transparent);
    text-shadow: 0 0 6px var(--l);
}
.cc-s10 { background: transparent; border: 2px solid var(--c); color: var(--d); border-radius: 999px; box-shadow: 0 0 8px var(--c), inset 0 0 4px color-mix(in srgb, var(--c) 40%, transparent); }
.cc-s11 { background: transparent; border-radius: 0; padding: 0 2px 3px; color: var(--gink); }
.cc-s11::after {
    content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; border-radius: 3px;
    background: var(--gloss), linear-gradient(180deg, var(--l), var(--c)); border: 1px solid var(--edge); box-sizing: border-box;
}
.cc-s12 {
    background: linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--c) 70%, #ffffff) 45%, color-mix(in srgb, var(--c) 25%, #ffffff) 92%, transparent 92%);
    border-radius: 4px; padding: 0 3px; color: var(--gink);
}
.cc-s13 { background: var(--gel-fill); border: 2px solid var(--edge); border-left-width: 5px; border-radius: 0 10px 10px 0; color: var(--gink); box-shadow: var(--gel-shadow); }
.cc-s14 { background: var(--gloss), linear-gradient(180deg, var(--c), var(--edge)); color: var(--ink); padding-left: 16px; border-radius: 0 10px 10px 0; clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%); }
.cc-s15 { background: var(--gloss), linear-gradient(180deg, var(--c), var(--edge)); color: var(--ink); padding: 1px 17px; border-radius: 0; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%, 8px 50%); }
.cc-s16 { background: var(--gloss), linear-gradient(180deg, var(--c), var(--d)); color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.35); padding-right: 17px; border-radius: 10px 0 0 10px; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); }
.cc-s17 { background: linear-gradient(180deg, var(--l), var(--c)); color: var(--dd); padding: 1px 15px; border-radius: 0; clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%); }
.cc-s18 {
    background: linear-gradient(180deg, var(--c) 0 50%, var(--edge) 50% 100%); color: var(--ink); border-radius: 0; margin: 0 5px;
    font-family: 'JetBrains Mono', monospace;
    box-shadow: 0 -3px 0 0 var(--l), 0 3px 0 0 var(--d), -3px 0 0 0 var(--c), 3px 0 0 0 var(--c);
}
.cc-s19 { background: linear-gradient(180deg, var(--l), var(--xl)); color: #111111; border: 2px solid #111111; border-radius: 10px; box-shadow: 3px 3px 0 #111111, inset 0 1px 1px rgba(255,255,255,0.7); }
.cc-s20 { background: var(--gloss), var(--c); color: var(--ink); border: 3px solid #000000; border-radius: 0; box-shadow: 4px 4px 0 var(--dd), inset 0 1px 1px rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 0.04em; }
.cc-s21 { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 35%, transparent), transparent); color: var(--gink); border: 3px double var(--edge); border-radius: 6px; box-shadow: var(--gel-shadow); transform: rotate(-3deg); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 900; }
.cc-s22 { background: var(--gloss), var(--c); color: var(--ink); border: 3px solid #ffffff; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.35), inset 0 1px 1px rgba(255,255,255,0.4); transform: rotate(2deg); }
.cc-s23 {
    background: var(--c); color: var(--ink); border-radius: 8px;
    box-shadow: inset 1px 1px 0 rgba(255,255,255,0.55), inset -1px -1px 0 rgba(0,0,0,0.35), 0 2px 3px rgba(0,0,0,0.25);
}
.cc-s24 { background: var(--d); color: color-mix(in srgb, var(--c) 30%, #ffffff); border-radius: 8px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.55), 0 1px 0 rgba(255,255,255,0.7); }
.cc-s25 {
    background: color-mix(in srgb, var(--c) 22%, transparent); color: var(--dd); border-radius: 10px;
    border: 1px solid color-mix(in srgb, var(--c) 55%, #ffffff);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 4px 10px color-mix(in srgb, var(--c) 25%, transparent);
}
.cc-s26 {
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.25) 48%, transparent 52%), linear-gradient(180deg, var(--c), var(--d));
    color: #ffffff; border: 1px solid var(--dd); border-radius: 4px; text-shadow: 0 1px 1px rgba(0,0,0,0.45);
}
.cc-s27 {
    background: var(--gloss), repeating-linear-gradient(45deg, var(--c) 0 6px, var(--l) 6px 12px); color: var(--gink);
    border: 2px solid var(--edge); border-radius: 999px; padding: 1px 12px; box-shadow: var(--gel-shadow);
    text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff;
}
.cc-s28 { background: linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--c) 22%, transparent) 100%); border-radius: 4px; padding: 0 2px; color: var(--gink); text-decoration: underline wavy var(--edge) 2px; text-underline-offset: 4px; }
.cc-s29 {
    background: var(--gloss), radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent) 1.5px, transparent 2px) 0 0 / 7px 7px, linear-gradient(180deg, var(--l), var(--xl));
    border: 2px solid var(--edge); color: var(--gink); border-radius: 10px; box-shadow: var(--gel-shadow);
}
.cc-s30 {
    background:
        var(--gloss),
        linear-gradient(color-mix(in srgb, var(--c) 30%, transparent) 1px, transparent 1px) 0 0 / 6px 6px,
        linear-gradient(90deg, color-mix(in srgb, var(--c) 30%, transparent) 1px, transparent 1px) 0 0 / 6px 6px,
        linear-gradient(180deg, var(--xl), #ffffff);
    border: 2px solid var(--edge); color: var(--gink); border-radius: 4px; box-shadow: var(--gel-shadow);
}
.cc-s31 { background: var(--gloss), repeating-linear-gradient(0deg, var(--c) 0 2px, var(--d) 2px 3px); color: #ffffff; text-shadow: 0 0 3px rgba(0,0,0,0.6); border: 1px solid var(--dd); border-radius: 6px; box-shadow: var(--gel-shadow); font-family: 'JetBrains Mono', monospace; }
.cc-s32 { background: var(--gloss), linear-gradient(180deg, var(--c), var(--edge)); color: var(--ink); border-radius: 10px; border-bottom: 4px solid var(--dd); box-shadow: 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 1px rgba(255,255,255,0.4); }
.cc-s33 {
    background: linear-gradient(180deg, #ffffff, var(--xl)); color: var(--dd); font-family: 'JetBrains Mono', monospace; font-size: 0.92em;
    border: 1px solid var(--l); border-bottom: 3px solid var(--d); border-radius: 5px; box-shadow: 0 1px 0 var(--l);
}
.cc-s34 { background: var(--gloss), linear-gradient(180deg, var(--c) 0 50%, var(--d) 50% 100%); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); border: 2px solid var(--dd); border-radius: 10px; box-shadow: var(--gel-shadow); }
.cc-s35 {
    background: var(--gloss), linear-gradient(180deg, var(--c), var(--edge)); color: var(--ink); border-radius: 3px; padding: 1px 14px;
    -webkit-mask: radial-gradient(circle 5px at 0 50%, transparent 98%, #000 100%) left / 51% 100% no-repeat, radial-gradient(circle 5px at 100% 50%, transparent 98%, #000 100%) right / 51% 100% no-repeat;
    mask: radial-gradient(circle 5px at 0 50%, transparent 98%, #000 100%) left / 51% 100% no-repeat, radial-gradient(circle 5px at 100% 50%, transparent 98%, #000 100%) right / 51% 100% no-repeat;
}
.cc-s36 { background: var(--gloss), linear-gradient(180deg, var(--c), var(--edge)); color: var(--ink); border-radius: 10px; box-shadow: var(--gel-shadow); }
.cc-s36::after {
    content: ''; position: absolute; left: 10px; bottom: -5px;
    border: 6px solid transparent; border-top-color: var(--c); border-bottom: 0;
}
.cc-s37 { background: var(--gel-fill); color: var(--gink); border: 2px solid var(--edge); border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px; box-shadow: var(--gel-shadow); }
.cc-s38 { background: linear-gradient(180deg, var(--xl), transparent); color: var(--gink); border: 2px solid var(--edge); border-radius: 15px 225px 15px 255px / 255px 15px 225px 15px; box-shadow: 2px 2px 0 var(--l), inset 0 1px 1px rgba(255,255,255,0.6); transform: rotate(-1.5deg); }
.cc-s39 { background: linear-gradient(135deg, var(--l), var(--c)); color: var(--dd); border-radius: 14px 0; padding: 1px 12px; }
.cc-s40 {
    background:
        linear-gradient(var(--edge), var(--edge)) top left / 6px 2px no-repeat,
        linear-gradient(var(--edge), var(--edge)) bottom left / 6px 2px no-repeat,
        linear-gradient(var(--edge), var(--edge)) top right / 6px 2px no-repeat,
        linear-gradient(var(--edge), var(--edge)) bottom right / 6px 2px no-repeat,
        linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, transparent), transparent);
    border-left: 2px solid var(--edge); border-right: 2px solid var(--edge); border-radius: 0; color: var(--gink); padding: 1px 7px;
}
.cc-s41 {
    background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.03) 48%, transparent 52%), linear-gradient(180deg, #1f2833, #0b0f14);
    color: color-mix(in srgb, var(--c) 35%, #ffffff); border: 2px solid color-mix(in srgb, var(--c) 45%, #0b0f14); border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.2); font-family: 'JetBrains Mono', monospace;
}
.cc-s41::before { content: '>\00a0'; color: var(--l); }
.cc-s42 { background: var(--gel-fill); color: var(--gink); border: 2px solid var(--edge); border-radius: 999px; padding: 1px 11px; box-shadow: var(--gel-shadow); }
.cc-s42::before { content: '#'; color: var(--edge); font-weight: 900; margin-right: 1px; }
.cc-s43 {
    background: linear-gradient(225deg, transparent 50%, var(--d) 50%) top right / 9px 9px no-repeat, linear-gradient(225deg, transparent 6.4px, var(--l) 6.4px, var(--xl) 100%);
    color: var(--gink); border-radius: 10px 0 10px 10px; padding-right: 13px; box-shadow: var(--gel-shadow);
}
.cc-s44 { background: linear-gradient(180deg, #ffffff 0%, var(--xl) 100%); color: var(--gink); border: 2px solid var(--l); border-radius: 10px; box-shadow: 0 4px 12px color-mix(in srgb, var(--c) 45%, transparent), inset 0 1px 1px rgba(255,255,255,0.9); }
.cc-s45 { background: var(--xl); color: var(--dd); border: 1px solid var(--l); border-radius: 8px; box-shadow: inset 0 0 8px var(--c); }
.cc-s46 {
    background: linear-gradient(180deg, var(--xl) 0%, var(--l) 30%, var(--d) 55%, var(--c) 75%, var(--l) 100%);
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.6); border: 1px solid var(--dd); border-radius: 4px;
}
.cc-s47 {
    background: linear-gradient(120deg, var(--l), color-mix(in srgb, var(--c) 50%, #6ee7ff), color-mix(in srgb, var(--c) 50%, #ff8bd8), var(--l));
    color: var(--dd); border: 1px solid rgba(255,255,255,0.8); border-radius: 999px; padding: 1px 12px;
    box-shadow: 0 1px 4px color-mix(in srgb, var(--c) 40%, transparent);
}
.cc-s48 {
    background: linear-gradient(180deg, var(--l) 0%, var(--c) 50%, var(--d) 100%); -webkit-background-clip: text; background-clip: text;
    color: transparent; caret-color: var(--d); filter: drop-shadow(1.5px 1.5px 0 var(--dd)); font-weight: 900; padding: 0 3px;
}
.cc-s49 {
    background: linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, #ffffff) 0%, transparent 90%); -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-stroke: 1px var(--edge); caret-color: var(--edge); font-weight: 900; letter-spacing: 0.02em; padding: 0 3px;
}
.cc-s50 {
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 50%), linear-gradient(180deg, #3a4c42, #26332c);
    color: color-mix(in srgb, var(--c) 30%, #ffffff); border: 3px solid #8b6b45; border-radius: 6px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2), inset 0 2px 6px rgba(0,0,0,0.45), inset 0 1px 1px rgba(255,255,255,0.15);
    font-family: 'Comic Sans MS', 'Chalkboard SE', 'Marker Felt', cursive; letter-spacing: 0.03em; text-shadow: 0 0 1px rgba(255,255,255,0.5);
}
/* --- Unique Chip Styles gallery popup! --- */
.us-dialog { max-width: 860px; }
.us-toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.us-toolbar #us-search { flex: 1 1 200px; width: auto; }
.us-count { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 800; color: #7e22ce; }
.us-toolbar #us-family { flex: 0 1 220px; width: auto; }
.format-segmented.us-collection { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 10px; background: rgba(147, 51, 234, 0.08); border: 1px solid #e9d5ff; }
.us-collection .format-segment-btn { color: #6b21a8; flex: 1 1 auto; padding: 7px 6px; white-space: nowrap; }
.us-collection .format-segment-btn:not(.active):hover { background: rgba(147, 51, 234, 0.12); color: #581c87; }
.us-collection .format-segment-btn.active { color: #ffffff; }
.us-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 6px;
    max-height: min(46vh, 380px); overflow-y: auto; padding: 6px; border-radius: 8px;
    background: #fffdf7; border: 1px solid #e9d5ff;
}
.us-tile { position: relative; min-width: 0; border-radius: 8px; background: #ffffff; border: 1px solid #f3e8ff; }
.us-tile[hidden] { display: none; }
.us-tile:hover { border-color: #c084fc; }
.us-tile.active { border-color: #9333ea; box-shadow: 0 0 0 2px #9333ea; }
.us-tile-pick {
    display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; min-width: 0;
    padding: 12px 4px 6px; border: none; border-radius: 8px; background: transparent; cursor: pointer; color: #334155; font: inherit;
}
.us-tile-pick:focus-visible { outline: 2px solid #9333ea; outline-offset: -2px; }
/* The star: tap to save a style to Favorites! */
.us-fav {
    position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; padding: 0; border: none; border-radius: 50%;
    background: transparent; color: #c4b5fd; font-size: 15px; line-height: 22px; cursor: pointer; opacity: 0.55;
}
.us-tile:hover .us-fav, .us-fav:focus-visible { opacity: 1; }
.us-fav:hover { background: #f5f3ff; color: #f59e0b; }
.us-fav.on { color: #f59e0b; opacity: 1; text-shadow: 0 0 4px rgba(245,158,11,0.45); }
.us-fav:focus-visible { outline: 2px solid #9333ea; }
.us-fav-big { margin-left: auto; }
.us-fav-big.on { background: #fff7e6; border-color: #f59e0b; color: #b45309; }
.us-tile-stage { min-height: 34px; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.us-tile-stage .us-chip { pointer-events: none; }
.us-tile-name { font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 800; color: #6b21a8; text-align: center; }
.us-tile-fam { font-family: 'JetBrains Mono', monospace; font-size: 9px; color: #a78bfa; text-align: center; }
.us-empty { margin: 12px 0; text-align: center; color: #7e22ce; font-size: 12px; }
.us-preview-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
.us-preview-stage {
    min-height: 44px; min-width: 140px; display: flex; align-items: center; justify-content: center; padding: 8px 14px;
    background: #fffdf7; border: 1px dashed #c084fc; border-radius: 8px; font-size: 15px; color: #334155;
}
.us-preview-name { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 800; color: #6b21a8; }
/* --- Unique Chip Styles skill: 4050 ready-made looks: 450 Regular (90 designs) + 450 each in Frutiger Aero 1, 2, 3 + 4 (90 designs each) + 450 each in Poolside, Poolside 2, Poolside 3 + Poolside 4 (90 designs each), 5 colorways each! --- */
.us-chip {
    display: inline-block; position: relative; isolation: isolate;
    padding: 1px 10px; margin: 0 2px; border-radius: 8px;
    font-weight: 800; line-height: 1.45; vertical-align: baseline; caret-color: currentColor;
}
@keyframes us-sheen { 0%, 100% { background-position: 100% 0, 0 0; } 50% { background-position: -50% 0, 0 0; } }
@keyframes us-aurora { from { background-position: 0% 0%; } to { background-position: 100% 100%; } }
@keyframes us-ring { from { background-position: 0 0, 0 0; } to { background-position: 0 0, 300% 0; } }
@keyframes us-barber { from { background-position: 0 0; } to { background-position: 34px 0; } }
@keyframes us-loading { from { background-position: 0 0, 0 0; } to { background-position: 17px 0, 0 0; } }
@keyframes us-rise { from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; } to { background-position: 0 -20px, 0 -20px, 0 -20px, 0 -20px, 0 0; } }
@keyframes us-progress { from { background-position: 0 0, 100% 0, 0 0; } to { background-position: 0 0, -120% 0, 0 0; } }
@keyframes us-fall { from { background-position: 0 0, 0 0; } to { background-position: 0 100%, 0 0; } }
@keyframes us-scan { from { background-position: 100% 0, 0 0, 0 0; } to { background-position: 0% 0, 0 0, 0 0; } }
@keyframes us-scanlow { from { background-position: 100% calc(100% - 1px), 0 0, 0 0; } to { background-position: 0% calc(100% - 1px), 0 0, 0 0; } }
@keyframes us-rgb { from { background-position: 0 100%, 0 0, 0 0; } to { background-position: 200% 100%, 0 0, 0 0; } }
@keyframes us-stream { from { background-position: 0 1px, 0 calc(100% - 1px), 0 0; } to { background-position: 44px 1px, -52px calc(100% - 1px), 0 0; } }
@keyframes us-blink { 0% { opacity: 1; } 100% { opacity: 0.25; } }
@keyframes us-pulse { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,0.75); } 100% { box-shadow: 0 0 0 6px rgba(255,255,255,0); } }
@keyframes us-shimmer { from { background-position: 100% 0; } to { background-position: -150% 0; } }
@media (prefers-reduced-motion: reduce) { .us-chip, .us-chip::before, .us-chip::after { animation: none !important; } }
.us-neontube {
    background: #0b0614; color: var(--ink); border: 2px solid var(--a); border-radius: 999px; padding: 1px 12px;
    box-shadow: 0 0 4px var(--a), 0 0 12px var(--a), inset 0 0 6px var(--a); text-shadow: 0 0 4px var(--b), 0 0 10px var(--b);
    font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif; letter-spacing: 0.04em;
}
.us-neontube-1 { --a: #ff2bd6; --b: #ffd1f7; --ink: #fff0fc; }
.us-neontube-2 { --a: #7dff3a; --b: #e4ffd2; --ink: #f5fff0; }
.us-neontube-3 { --a: #2be8ff; --b: #d4fbff; --ink: #f0feff; }
.us-neontube-4 { --a: #ff7a1a; --b: #ffe0c4; --ink: #fff6ee; }
.us-neontube-5 { --a: #9d4bff; --b: #e6d4ff; --ink: #f7f0ff; }
.us-lava {
    background: radial-gradient(circle at 18% 72%, var(--b) 0 22%, transparent 24%), radial-gradient(circle at 68% 28%, var(--b) 0 17%, transparent 19%), radial-gradient(circle at 90% 85%, var(--c) 0 14%, transparent 16%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 60%, #000000));
    color: var(--ink); border-radius: 12px; box-shadow: inset 0 1px 2px rgba(255,255,255,0.4), 0 2px 6px rgba(0,0,0,0.25); text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.us-lava-1 { --a: #b3001b; --b: #ff7b00; --c: #ffd000; --ink: #ffffff; }
.us-lava-2 { --a: #023e8a; --b: #00b4d8; --c: #90e0ef; --ink: #ffffff; }
.us-lava-3 { --a: #1b4332; --b: #70e000; --c: #ccff33; --ink: #ffffff; }
.us-lava-4 { --a: #3c096c; --b: #c77dff; --c: #ff9ef7; --ink: #ffffff; }
.us-lava-5 { --a: #3e1f0d; --b: #a0522d; --c: #f4a261; --ink: #ffffff; }
.us-holo {
    background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,0.65) 45%, transparent 60%) 0 0 / 250% 100%, conic-gradient(from 210deg, var(--a), var(--b), var(--c), var(--a));
    border: 1px solid rgba(255,255,255,0.85); border-radius: 6px; color: var(--ink); box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    animation: us-sheen 3.5s ease-in-out infinite;
}
.us-holo-1 { --a: #ff9ad5; --b: #9ad0ff; --c: #b8ffb0; --ink: #3b1f5e; }
.us-holo-2 { --a: #d6f3ff; --b: #ffd9f2; --c: #fff1c7; --ink: #33334d; }
.us-holo-3 { --a: #2b1055; --b: #00a6a6; --c: #7a1fa2; --ink: #ffffff; }
.us-holo-4 { --a: #fdfbf7; --b: #e8e1f0; --c: #dff1f0; --ink: #4b4458; }
.us-holo-5 { --a: #00c9a7; --b: #4d8076; --c: #c4fcef; --ink: #08332b; }
.us-retrosun {
    background: repeating-linear-gradient(180deg, transparent 0 3px, var(--c) 3px 4px) 0 100% / 100% 45% no-repeat, linear-gradient(180deg, var(--a) 0%, var(--b) 75%);
    color: #ffffff; text-shadow: 1px 1px 0 var(--c), 0 0 4px var(--c); border-radius: 10px 10px 3px 3px;
    font-style: italic; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em;
}
.us-retrosun-1 { --a: #ffd319; --b: #ff2975; --c: #2b0f54; }
.us-retrosun-2 { --a: #ffb3c6; --b: #3ad0ff; --c: #18224b; }
.us-retrosun-3 { --a: #ffe8a3; --b: #e76f51; --c: #3d1f0e; }
.us-retrosun-4 { --a: #c7f9cc; --b: #22a07a; --c: #0b3d2e; }
.us-retrosun-5 { --a: #ffccd5; --b: #c9184a; --c: #3a0519; }
.us-vapor {
    background: linear-gradient(transparent 88%, rgba(255,255,255,0.35) 88%) 0 0 / 100% 6px, linear-gradient(90deg, transparent 88%, rgba(255,255,255,0.35) 88%) 0 0 / 8px 100%, linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 2px 0 var(--c), 0 1px 2px rgba(0,0,0,0.45); border: 1px solid rgba(255,255,255,0.75); border-radius: 0;
    font-family: Georgia, 'Times New Roman', serif; font-style: italic; letter-spacing: 0.12em;
}
.us-vapor-1 { --a: #ff71ce; --b: #01cdfe; --c: #05ffa1; --ink: #ffffff; }
.us-vapor-2 { --a: #ffb8a8; --b: #b967ff; --c: #fffb96; --ink: #3a1d5c; }
.us-vapor-3 { --a: #05ffa1; --b: #01cdfe; --c: #ff71ce; --ink: #21104a; }
.us-vapor-4 { --a: #b967ff; --b: #ff71ce; --c: #01cdfe; --ink: #ffffff; }
.us-vapor-5 { --a: #fffb96; --b: #ff71ce; --c: #b967ff; --ink: #3a1d5c; }
.us-sprinkles {
    background: radial-gradient(circle, var(--b) 1px, transparent 1.6px) 0 0 / 9px 7px, radial-gradient(circle, var(--c) 1px, transparent 1.6px) 4px 3px / 9px 7px, var(--a);
    color: var(--ink); border: 2px solid #ffffff; border-radius: 999px; padding: 1px 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.18);
    font-family: 'Trebuchet MS', sans-serif; text-shadow: 0 0 2px #ffffff, 0 0 2px #ffffff;
}
.us-sprinkles-1 { --a: #ffc2d4; --b: #ff4d8d; --c: #4dd2ff; --ink: #6b1031; }
.us-sprinkles-2 { --a: #fff3d6; --b: #ff6f91; --c: #6bcb77; --ink: #6b4a10; }
.us-sprinkles-3 { --a: #c9f4de; --b: #5a3a22; --c: #ff8fb1; --ink: #1f4d36; }
.us-sprinkles-4 { --a: #cfe1ff; --b: #ff7ab6; --c: #e6c700; --ink: #1d2f6b; }
.us-sprinkles-5 { --a: #fff59e; --b: #ff6fa8; --c: #3fb5f0; --ink: #665c00; }
.us-jelly {
    background: radial-gradient(ellipse at 22% 14%, rgba(255,255,255,0.6) 0 10%, transparent 22%), linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, transparent), color-mix(in srgb, var(--a) 90%, transparent));
    color: var(--ink); text-shadow: 0 1px 1px color-mix(in srgb, var(--a) 60%, #000000); border: 1px solid color-mix(in srgb, var(--a) 75%, #000000); border-radius: 14px;
    box-shadow: inset 0 -3px 6px color-mix(in srgb, var(--a) 70%, #000000), inset 0 2px 3px rgba(255,255,255,0.6), 0 3px 8px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-jelly-1 { --a: #8e44ad; --ink: #ffffff; }
.us-jelly-2 { --a: #7bd11a; --ink: #14330a; }
.us-jelly-3 { --a: #e0115f; --ink: #ffffff; }
.us-jelly-4 { --a: #1f8fff; --ink: #ffffff; }
.us-jelly-5 { --a: #ff9f68; --ink: #4a1d05; }
.us-puffy {
    background: linear-gradient(180deg, var(--b), var(--a)); color: var(--ink); border: 3px solid #ffffff; border-radius: 999px; padding: 1px 12px; margin: 0 4px;
    box-shadow: 0 0 0 2px var(--c), 0 4px 0 var(--c), 0 6px 8px rgba(0,0,0,0.2); text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-puffy-1 { --a: #ff7eb6; --b: #ffc4dd; --c: #c2185b; --ink: #5c0b30; }
.us-puffy-2 { --a: #5cc8ff; --b: #c9ecff; --c: #1565c0; --ink: #0b2e59; }
.us-puffy-3 { --a: #3ddc97; --b: #c4f7df; --c: #148a57; --ink: #0b3d27; }
.us-puffy-4 { --a: #ffd23f; --b: #fff1b8; --c: #c99400; --ink: #5c4300; }
.us-puffy-5 { --a: #b388ff; --b: #e9dcff; --c: #5e35b1; --ink: #2c1260; }
.us-comic {
    background: radial-gradient(circle, rgba(0,0,0,0.2) 1px, transparent 1.4px) 0 0 / 5px 5px, var(--a);
    color: var(--ink); border: 2px solid #111111; border-radius: 4px; box-shadow: 3px 3px 0 #111111;
    font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; font-style: italic; transform: skewX(-6deg);
}
.us-comic-1 { --a: #ffd400; --ink: #111111; }
.us-comic-2 { --a: #33c3ff; --ink: #111111; }
.us-comic-3 { --a: #ff3b3b; --ink: #ffffff; }
.us-comic-4 { --a: #ff8a00; --ink: #111111; }
.us-comic-5 { --a: #7cff6b; --ink: #111111; }
.us-graffiti {
    background: linear-gradient(180deg, var(--a), var(--b)); -webkit-background-clip: text; background-clip: text; color: transparent;
    -webkit-text-stroke: 1px var(--c); caret-color: var(--c); filter: drop-shadow(2px 2px 0 var(--c)); padding: 0 4px; border-radius: 0;
    font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; letter-spacing: 0.03em; font-size: 1.08em;
}
.us-graffiti-1 { --a: #ffe600; --b: #ff3d00; --c: #1a1a1a; }
.us-graffiti-2 { --a: #7af7ff; --b: #2a6bff; --c: #0b1a4d; }
.us-graffiti-3 { --a: #c6ff00; --b: #00b84d; --c: #062b12; }
.us-graffiti-4 { --a: #ffb3f0; --b: #ff2fa0; --c: #4d0033; }
.us-graffiti-5 { --a: #ffffff; --b: #8a9bb0; --c: #1f2833; }
.us-circuit {
    background: linear-gradient(var(--b), var(--b)) 0 25% / 38% 1px no-repeat, linear-gradient(var(--b), var(--b)) 100% 78% / 42% 1px no-repeat, radial-gradient(circle at 38% 25%, var(--c) 0 1.6px, transparent 2.2px), radial-gradient(circle at 58% 78%, var(--c) 0 1.6px, transparent 2.2px), var(--a);
    color: var(--ink); border: 1px solid var(--b); border-radius: 3px; font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.us-circuit-1 { --a: #0b3d20; --b: #3cb371; --c: #f2c94c; --ink: #d6ffe6; }
.us-circuit-2 { --a: #0b1d3d; --b: #4a90e2; --c: #f2c94c; --ink: #dcebff; }
.us-circuit-3 { --a: #111111; --b: #9a9a9a; --c: #e0b84c; --ink: #f5f5f5; }
.us-circuit-4 { --a: #2a0b3d; --b: #b06cff; --c: #ffd36b; --ink: #f3e6ff; }
.us-circuit-5 { --a: #3d0b0b; --b: #ff6b6b; --c: #ffd36b; --ink: #ffe6e6; }
.us-blueprint {
    background: linear-gradient(rgba(255,255,255,0.2) 1px, transparent 1px) 0 0 / 6px 6px, linear-gradient(90deg, rgba(255,255,255,0.2) 1px, transparent 1px) 0 0 / 6px 6px, var(--a);
    color: #ffffff; border: 1px dashed rgba(255,255,255,0.85); outline: 2px solid var(--a); border-radius: 1px; margin: 0 4px;
    font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.92em;
}
.us-blueprint-1 { --a: #1e4f9c; }
.us-blueprint-2 { --a: #0f5a7a; }
.us-blueprint-3 { --a: #14213d; }
.us-blueprint-4 { --a: #3a3f47; }
.us-blueprint-5 { --a: #8b1e2b; }
.us-led {
    background: radial-gradient(circle, color-mix(in srgb, var(--a) 22%, transparent) 0.8px, transparent 1.2px) 0 0 / 3px 3px, #0a0a0a;
    color: var(--a); text-shadow: 0 0 4px var(--a), 0 0 9px var(--a); border: 2px solid #2a2a2a; border-radius: 3px; box-shadow: inset 0 0 4px #000000;
    font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.15em;
}
.us-led-1 { --a: #ffb000; }
.us-led-2 { --a: #ff3b30; }
.us-led-3 { --a: #39ff14; }
.us-led-4 { --a: #3ab4ff; }
.us-led-5 { --a: #f5f5f5; }
.us-crt {
    background: repeating-linear-gradient(0deg, rgba(0,0,0,0.28) 0 1px, transparent 1px 3px), radial-gradient(ellipse at center, var(--b) 0%, var(--a) 100%);
    color: var(--ink); text-shadow: 0 0 5px var(--ink), 1px 0 rgba(255,0,60,0.45), -1px 0 rgba(0,180,255,0.45);
    border: 2px solid #222222; border-radius: 10px / 14px; box-shadow: inset 0 0 8px rgba(0,0,0,0.75); font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.us-crt-1 { --a: #001a0a; --b: #013a1a; --ink: #4dff88; }
.us-crt-2 { --a: #1a0f00; --b: #3a2400; --ink: #ffbf47; }
.us-crt-3 { --a: #000f1a; --b: #002a40; --ink: #7fe0ff; }
.us-crt-4 { --a: #0d0d0d; --b: #2a2a2a; --ink: #e8e8e8; }
.us-crt-5 { --a: #1a0012; --b: #3d0030; --ink: #ff7ad9; }
.us-pixel {
    background: var(--a); color: var(--ink); border-radius: 0; margin: 0 5px;
    box-shadow: 0 -3px 0 var(--c), 0 3px 0 var(--c), -3px 0 0 var(--c), 3px 0 0 var(--c), inset 0 -3px 0 var(--b), inset 0 3px 0 rgba(255,255,255,0.35);
    font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.04em;
}
.us-pixel-1 { --a: #e43b44; --b: #a22633; --c: #181425; --ink: #ffffff; }
.us-pixel-2 { --a: #63c74d; --b: #3e8948; --c: #181425; --ink: #ffffff; }
.us-pixel-3 { --a: #feae34; --b: #f77622; --c: #181425; --ink: #3b1d00; }
.us-pixel-4 { --a: #0099db; --b: #124e89; --c: #181425; --ink: #ffffff; }
.us-pixel-5 { --a: #c0cbdc; --b: #8b9bb4; --c: #181425; --ink: #181425; }
.us-aurora {
    background: radial-gradient(ellipse at 20% 0%, var(--a) 0%, transparent 60%), radial-gradient(ellipse at 80% 100%, var(--b) 0%, transparent 60%), radial-gradient(ellipse at 50% 50%, var(--c) 0%, transparent 75%), #0b1026;
    background-size: 200% 200%; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.5); border-radius: 10px;
    box-shadow: 0 0 10px color-mix(in srgb, var(--a) 45%, transparent); animation: us-aurora 6s ease-in-out infinite alternate;
}
.us-aurora-1 { --a: #43ff9e; --b: #3ab4ff; --c: #9d4bff; }
.us-aurora-2 { --a: #ff5fa2; --b: #ffb347; --c: #7b5cff; }
.us-aurora-3 { --a: #9ff7ff; --b: #5a8dff; --c: #3fd4ff; }
.us-aurora-4 { --a: #ff8a3d; --b: #ff2e63; --c: #ffd166; }
.us-aurora-5 { --a: #c86bff; --b: #ff6bd6; --c: #4b6bff; }
.us-galaxy {
    background: radial-gradient(1px 1px at 20% 30%, #ffffff, transparent), radial-gradient(1px 1px at 72% 62%, #ffffff, transparent), radial-gradient(1.5px 1.5px at 46% 82%, #ffffff, transparent), radial-gradient(1px 1px at 86% 20%, #ffffff, transparent), radial-gradient(1px 1px at 8% 80%, #ffffff, transparent),
        radial-gradient(ellipse at 30% 50%, color-mix(in srgb, var(--a) 75%, transparent), transparent 70%), radial-gradient(ellipse at 75% 50%, color-mix(in srgb, var(--b) 65%, transparent), transparent 70%), #07051a;
    color: #ffffff; text-shadow: 0 0 6px var(--a); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 999px; padding: 1px 12px;
}
.us-galaxy-1 { --a: #7b2ff7; --b: #f107a3; }
.us-galaxy-2 { --a: #5f7fff; --b: #c6b6ff; }
.us-galaxy-3 { --a: #ff6a00; --b: #ee0979; }
.us-galaxy-4 { --a: #00c9a7; --b: #845ec2; }
.us-galaxy-5 { --a: #d00000; --b: #6a040f; }
.us-gem {
    background: linear-gradient(135deg, rgba(255,255,255,0.55) 0 18%, transparent 18% 40%, rgba(255,255,255,0.25) 40% 52%, transparent 52% 75%, rgba(0,0,0,0.2) 75%), linear-gradient(180deg, var(--b), var(--a));
    color: var(--ink); text-shadow: 0 1px 1px rgba(0,0,0,0.35); padding: 1px 12px; border-radius: 0;
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px), 0 6px);
}
.us-gem-1 { --a: #9b111e; --b: #ff4d6d; --ink: #ffffff; }
.us-gem-2 { --a: #0f52ba; --b: #5aa9ff; --ink: #ffffff; }
.us-gem-3 { --a: #046307; --b: #3ddc84; --ink: #ffffff; }
.us-gem-4 { --a: #5b2a86; --b: #b38cff; --ink: #ffffff; }
.us-gem-5 { --a: #c77700; --b: #ffc94d; --ink: #3d2400; }
.us-foil {
    background: linear-gradient(135deg, var(--a) 0%, var(--b) 25%, var(--c) 50%, var(--b) 75%, var(--a) 100%);
    color: var(--ink); border: 1px solid var(--a); border-radius: 2px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.35), 0 1px 3px rgba(0,0,0,0.25);
    font-family: Georgia, 'Times New Roman', serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.88em;
}
.us-foil-1 { --a: #8a6a1f; --b: #e6c55a; --c: #fff3c2; --ink: #3d2b00; }
.us-foil-2 { --a: #9e5a4e; --b: #e8a598; --c: #ffe4dc; --ink: #4a1f17; }
.us-foil-3 { --a: #7b8088; --b: #cfd4da; --c: #ffffff; --ink: #22262b; }
.us-foil-4 { --a: #6e4220; --b: #c98b52; --c: #f3d1a8; --ink: #2e1708; }
.us-foil-5 { --a: #8e9aa6; --b: #e5e9ee; --c: #ffffff; --ink: #2b3138; }
.us-marble {
    background: linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--c) 60%, transparent) 42%, transparent 44%), linear-gradient(60deg, transparent 62%, color-mix(in srgb, var(--c) 45%, transparent) 63%, transparent 65%), linear-gradient(160deg, transparent 20%, color-mix(in srgb, var(--c) 35%, transparent) 21%, transparent 23%), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); border: 1px solid var(--c); border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); font-family: Georgia, 'Times New Roman', serif; letter-spacing: 0.05em;
}
.us-marble-1 { --a: #fbfbfb; --b: #e8e8e8; --c: #9a9a9a; --ink: #333333; }
.us-marble-2 { --a: #2b2b2b; --b: #111111; --c: #d9d9d9; --ink: #f2f2f2; }
.us-marble-3 { --a: #1f4d3a; --b: #123528; --c: #e7f2ec; --ink: #f0fff7; }
.us-marble-4 { --a: #f7dfe0; --b: #e8c4c6; --c: #a86a70; --ink: #4a2226; }
.us-marble-5 { --a: #1d3a8a; --b: #0f2160; --c: #e8c55a; --ink: #ffffff; }
.us-wood {
    background: repeating-linear-gradient(90deg, rgba(0,0,0,0.07) 0 1px, transparent 1px 9px), repeating-linear-gradient(2deg, rgba(255,255,255,0.08) 0 2px, transparent 2px 5px), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); border-radius: 3px; padding: 1px 12px; box-shadow: inset 0 0 4px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.3);
    font-family: Georgia, 'Times New Roman', serif; font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.us-wood-1 { --a: #c8955a; --b: #9c6a35; --ink: #2e1a08; }
.us-wood-2 { --a: #7a4a2a; --b: #4f2c14; --ink: #f3dfc6; }
.us-wood-3 { --a: #efdcb8; --b: #d9c094; --ink: #4a3a1e; }
.us-wood-4 { --a: #a8473a; --b: #7a2d22; --ink: #ffe8de; }
.us-wood-5 { --a: #b5ada0; --b: #8c8478; --ink: #2b2722; }
.us-washi {
    background: repeating-linear-gradient(45deg, var(--b) 0 4px, transparent 4px 8px), color-mix(in srgb, var(--a) 88%, transparent);
    color: var(--ink); padding: 1px 12px; border-radius: 0; transform: rotate(-1deg);
    clip-path: polygon(0 0, 100% 0, calc(100% - 3px) 20%, 100% 40%, calc(100% - 3px) 60%, 100% 80%, calc(100% - 3px) 100%, 0 100%, 3px 80%, 0 60%, 3px 40%, 0 20%);
    font-family: 'Bradley Hand', 'Segoe Print', 'Comic Sans MS', cursive;
}
.us-washi-1 { --a: #ffc8d8; --b: rgba(255,255,255,0.55); --ink: #6b1d3a; }
.us-washi-2 { --a: #cfe8b5; --b: rgba(255,255,255,0.5); --ink: #2d4a17; }
.us-washi-3 { --a: #bfe3ff; --b: rgba(255,255,255,0.5); --ink: #123a5c; }
.us-washi-4 { --a: #d8b98a; --b: rgba(120,80,30,0.18); --ink: #3d2a10; }
.us-washi-5 { --a: #dccbff; --b: rgba(255,255,255,0.5); --ink: #3a2266; }
.us-postit {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a)); color: var(--ink); border-radius: 0 0 8px 0; padding: 2px 10px;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,0.28); transform: rotate(-2deg); font-family: 'Marker Felt', 'Bradley Hand', 'Comic Sans MS', cursive; font-weight: 700;
}
.us-postit::after { content: ''; position: absolute; right: 0; bottom: 0; border-style: solid; border-width: 7px 7px 0 0; border-color: rgba(0,0,0,0.14) transparent transparent transparent; }
.us-postit-1 { --a: #fff176; --ink: #4a3f00; }
.us-postit-2 { --a: #ff9ecb; --ink: #4a0f2a; }
.us-postit-3 { --a: #a8f0c6; --ink: #0f3d24; }
.us-postit-4 { --a: #9fd3ff; --ink: #0d2b4a; }
.us-postit-5 { --a: #ffc078; --ink: #4a2600; }
.us-dymo {
    background: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(0,0,0,0.1)), var(--a); color: var(--ink); border-radius: 2px; padding: 1px 8px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.35);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.3);
    font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.12em;
}
.us-dymo-1 { --a: #c8102e; --ink: #ffffff; }
.us-dymo-2 { --a: #1b1b1b; --ink: #ffffff; }
.us-dymo-3 { --a: #0047ab; --ink: #ffffff; }
.us-dymo-4 { --a: #00804a; --ink: #ffffff; }
.us-dymo-5 { --a: #f2c200; --ink: #1b1b1b; }
.us-enamel {
    background: radial-gradient(ellipse at 30% 25%, rgba(255,255,255,0.55), transparent 45%), var(--a); color: var(--ink); border: 3px solid var(--b); border-radius: 999px; padding: 1px 12px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 60%, #000000), inset 0 0 0 1px rgba(255,255,255,0.5), 0 2px 3px rgba(0,0,0,0.3);
}
.us-enamel-1 { --a: #d7263d; --b: #d4af37; --ink: #ffffff; }
.us-enamel-2 { --a: #1b6ca8; --b: #c0c0c0; --ink: #ffffff; }
.us-enamel-3 { --a: #1b1b1b; --b: #d4af37; --ink: #f6e7b0; }
.us-enamel-4 { --a: #138d75; --b: #b87333; --ink: #ffffff; }
.us-enamel-5 { --a: #ff6fae; --b: #c0c0c0; --ink: #ffffff; }
.us-neumorph {
    background: var(--a); color: var(--ink); border-radius: 12px; padding: 2px 12px; margin: 0 6px;
    box-shadow: 3px 3px 6px color-mix(in srgb, var(--a) 72%, #000000), -3px -3px 6px color-mix(in srgb, var(--a) 55%, #ffffff);
}
.us-neumorph-1 { --a: #e0e5ec; --ink: #4a5568; }
.us-neumorph-2 { --a: #ece4d8; --ink: #5c4a2e; }
.us-neumorph-3 { --a: #dde7df; --ink: #2f4a37; }
.us-neumorph-4 { --a: #f2e1e4; --ink: #5e2e38; }
.us-neumorph-5 { --a: #3a4150; --ink: #e2e8f0; }
.us-glassblob {
    background: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0.12)), radial-gradient(circle at 15% 40%, var(--a) 0 30%, transparent 62%), radial-gradient(circle at 85% 60%, var(--b) 0 30%, transparent 62%), #ffffff;
    color: var(--ink); border: 1px solid rgba(255,255,255,0.95); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.14), inset 0 1px 0 #ffffff;
}
.us-glassblob-1 { --a: #ffb199; --b: #9bd5ff; --ink: #3b2a4a; }
.us-glassblob-2 { --a: #c6ff7a; --b: #ff7ac6; --ink: #2a3b1a; }
.us-glassblob-3 { --a: #5ee7df; --b: #ff8a80; --ink: #1f3a3a; }
.us-glassblob-4 { --a: #b388ff; --b: #ffd54f; --ink: #2a1f4a; }
.us-glassblob-5 { --a: #a8ffce; --b: #ffc1e3; --ink: #2a4a3a; }
.us-ring {
    border: 2px solid transparent; border-radius: 999px; padding: 1px 12px; color: var(--ink);
    background: linear-gradient(var(--a), var(--a)) padding-box, var(--g) border-box; background-size: 100% 100%, 300% 100%;
    animation: us-ring 4s linear infinite;
}
.us-ring-1 { --a: #ffffff; --g: linear-gradient(90deg, #ff004c, #ff8a00, #ffe600, #00d26a, #00a3ff, #8a2be2, #ff004c); --ink: #222222; }
.us-ring-2 { --a: #111111; --g: linear-gradient(90deg, #ff004c, #ff8a00, #ffe600, #00d26a, #00a3ff, #8a2be2, #ff004c); --ink: #ffffff; }
.us-ring-3 { --a: #fff8f0; --g: linear-gradient(90deg, #ff2e00, #ffb800, #ff2e00); --ink: #5a1600; }
.us-ring-4 { --a: #f2fbff; --g: linear-gradient(90deg, #00c6ff, #ffffff, #0072ff, #00c6ff); --ink: #003a5c; }
.us-ring-5 { --a: #0d1a0d; --g: linear-gradient(90deg, #39ff14, #00ffd5, #39ff14); --ink: #d8ffd0; }
.us-element {
    background: linear-gradient(180deg, var(--a), var(--b), var(--c)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b);
    filter: drop-shadow(0 1px 0 var(--c)) drop-shadow(0 0 1px var(--c)) drop-shadow(0 0 4px color-mix(in srgb, var(--b) 55%, transparent)); font-weight: 900; padding: 0 3px; letter-spacing: 0.03em; border-radius: 0;
}
.us-element-1 { --a: #fff27a; --b: #ff8c00; --c: #d00000; }
.us-element-2 { --a: #9feeff; --b: #2fb8ff; --c: #0058a3; }
.us-element-3 { --a: #eaff7a; --b: #5bd800; --c: #1b5e20; }
.us-element-4 { --a: #fff59d; --b: #ffc400; --c: #4a2fbd; }
.us-element-5 { --a: #b5b5c3; --b: #5a4b7a; --c: #1b1033; }
.us-origami {
    background: linear-gradient(135deg, var(--a) 0 50%, var(--b) 50% 100%); color: var(--ink); border-radius: 2px;
    box-shadow: 1px 2px 0 rgba(0,0,0,0.15), inset 0 0 0 1px rgba(255,255,255,0.2); text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.us-origami::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(135deg, transparent calc(50% - 1px), rgba(255,255,255,0.5) 50%, transparent calc(50% + 1px)); }
.us-origami-1 { --a: #e63946; --b: #b5202d; --ink: #ffffff; }
.us-origami-2 { --a: #4895ef; --b: #3366c4; --ink: #ffffff; }
.us-origami-3 { --a: #52b788; --b: #2d6a4f; --ink: #ffffff; }
.us-origami-4 { --a: #f4a261; --b: #d1702e; --ink: #3b1d05; }
.us-origami-5 { --a: #9d4edd; --b: #6a1fa8; --ink: #ffffff; }
.us-bubblewrap {
    background: radial-gradient(circle at 45% 40%, rgba(255,255,255,0.75) 0 1px, rgba(255,255,255,0.3) 1.5px 2.6px, rgba(255,255,255,0.08) 3px, transparent 3.4px) 0 0 / 8px 8px, var(--a);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 70%, #000000); border-radius: 6px; text-shadow: 0 0 3px var(--a), 0 0 3px var(--a);
}
.us-bubblewrap-1 { --a: #8fd3ff; --ink: #0b3050; }
.us-bubblewrap-2 { --a: #9ff0c8; --ink: #0d3b26; }
.us-bubblewrap-3 { --a: #ffb3d9; --ink: #5c0d33; }
.us-bubblewrap-4 { --a: #fff08a; --ink: #4d4000; }
.us-bubblewrap-5 { --a: #b7bcc6; --ink: #1f2430; }
.us-denim {
    background: repeating-linear-gradient(45deg, rgba(255,255,255,0.09) 0 1px, transparent 1px 3px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.14) 0 1px, transparent 1px 3px), var(--a);
    color: var(--ink); border: 1.5px dashed var(--b); box-shadow: 0 0 0 2px var(--a), 0 2px 3px 2px rgba(0,0,0,0.2); border-radius: 5px; margin: 0 4px;
}
.us-denim-1 { --a: #2c4a7a; --b: #e0a040; --ink: #f2f5fa; }
.us-denim-2 { --a: #6f8fb8; --b: #f2c46b; --ink: #ffffff; }
.us-denim-3 { --a: #26282c; --b: #d9d9d9; --ink: #f0f0f0; }
.us-denim-4 { --a: #c95f8c; --b: #fff0b3; --ink: #ffffff; }
.us-denim-5 { --a: #5b6339; --b: #f0dfa8; --ink: #fbf8ea; }
.us-leather {
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.12), transparent 60%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: var(--ink); border-radius: 8px; padding: 2px 12px; outline: 1px dashed var(--b); outline-offset: -4px; box-shadow: 0 2px 4px rgba(0,0,0,0.35);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4); font-family: Georgia, 'Times New Roman', serif;
}
.us-leather-1 { --a: #8b4a1c; --b: #f3c98b; --ink: #fbe7cc; }
.us-leather-2 { --a: #2a2321; --b: #c9b79c; --ink: #efe3cf; }
.us-leather-3 { --a: #5e1620; --b: #e8b4a0; --ink: #f8dcd2; }
.us-leather-4 { --a: #c08a52; --b: #fff1d6; --ink: #3a2108; }
.us-leather-5 { --a: #2f4a33; --b: #e2d39a; --ink: #ecf2df; }
.us-chrome {
    background: linear-gradient(180deg, #ffffff 0%, var(--a) 40%, color-mix(in srgb, var(--a) 55%, #000000) 50%, var(--b) 72%, #ffffff 100%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #000000); border-radius: 6px; text-shadow: 0 1px 0 rgba(255,255,255,0.7); box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
.us-chrome-1 { --a: #c9d1da; --b: #e9eef3; --ink: #1a1f26; }
.us-chrome-2 { --a: #8fb3d9; --b: #d6e6f7; --ink: #0d2440; }
.us-chrome-3 { --a: #7d848c; --b: #b9bfc6; --ink: #111418; }
.us-chrome-4 { --a: #e3a9b8; --b: #f8dbe3; --ink: #3d1220; }
.us-chrome-5 { --a: #e0c068; --b: #f8eac0; --ink: #3a2a00; }
.us-window {
    background: linear-gradient(var(--b), var(--b)) 0 0 / 100% 5px no-repeat, var(--a); padding: 6px 10px 1px;
    color: var(--ink); border: 1px solid var(--b); border-radius: 5px; box-shadow: 0 3px 8px rgba(0,0,0,0.18); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-window-1 { --a: #ffffff; --b: #c9ced6; --ink: #1f2937; }
.us-window-2 { --a: #1e1e24; --b: #3d3d48; --ink: #f2f2f5; }
.us-window-3 { --a: #faf5ff; --b: #a855f7; --ink: #3b0764; }
.us-window-4 { --a: #f0fdfa; --b: #14b8a6; --ink: #134e4a; }
.us-window-5 { --a: #e8eefc; --b: #2b4fa8; --ink: #0d1f4d; }
.us-receipt {
    background: var(--a); color: var(--ink); border-radius: 0; padding: 1px 10px 5px;
    -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - 4px) no-repeat, conic-gradient(from 135deg at top, #000 90deg, transparent 0) bottom / 8px 4px repeat-x;
    mask: linear-gradient(#000, #000) top / 100% calc(100% - 4px) no-repeat, conic-gradient(from 135deg at top, #000 90deg, transparent 0) bottom / 8px 4px repeat-x;
    font-family: 'Courier New', ui-monospace, monospace; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}
.us-receipt-1 { --a: #fbfbf7; --ink: #2b2b2b; }
.us-receipt-2 { --a: #f6edcf; --ink: #4a3d1a; }
.us-receipt-3 { --a: #ffd6e3; --ink: #5c1a33; }
.us-receipt-4 { --a: #d9e8ff; --ink: #1a2f66; }
.us-receipt-5 { --a: #d6f5e6; --ink: #14402b; }
.us-brick {
    background: radial-gradient(ellipse 4px 3px at 22% 0, color-mix(in srgb, var(--a) 70%, #ffffff) 0 2.5px, transparent 3px), radial-gradient(ellipse 4px 3px at 50% 0, color-mix(in srgb, var(--a) 70%, #ffffff) 0 2.5px, transparent 3px), radial-gradient(ellipse 4px 3px at 78% 0, color-mix(in srgb, var(--a) 70%, #ffffff) 0 2.5px, transparent 3px), var(--a);
    color: var(--ink); border-radius: 3px; padding: 3px 10px 1px; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--a) 70%, #000000), inset 0 2px 0 rgba(255,255,255,0.3), 0 2px 2px rgba(0,0,0,0.2);
    font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-brick-1 { --a: #d01012; --ink: #ffffff; }
.us-brick-2 { --a: #f5cd2f; --ink: #3b2e00; }
.us-brick-3 { --a: #0055bf; --ink: #ffffff; }
.us-brick-4 { --a: #237841; --ink: #ffffff; }
.us-brick-5 { --a: #f4f4f4; --ink: #222222; }
.us-scales {
    background: radial-gradient(circle at 50% 0, transparent 3.6px, color-mix(in srgb, #ffffff 55%, transparent) 4px 4.6px, transparent 5px) 0 0 / 10px 6px, linear-gradient(90deg, var(--a), var(--b));
    color: var(--ink); border-radius: 999px; padding: 1px 12px; text-shadow: 0 1px 2px rgba(0,0,0,0.35); box-shadow: 0 2px 5px color-mix(in srgb, var(--b) 40%, transparent);
}
.us-scales-1 { --a: #2ec4b6; --b: #6a4c93; --ink: #ffffff; }
.us-scales-2 { --a: #ff7f6e; --b: #ffb3c7; --ink: #4a0f1a; }
.us-scales-3 { --a: #0b3c5d; --b: #328cc1; --ink: #ffffff; }
.us-scales-4 { --a: #f5e6ff; --b: #c8f2ff; --ink: #3a2a55; }
.us-scales-5 { --a: #2d6a4f; --b: #95d5b2; --ink: #ffffff; }
.us-plaid {
    background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--b) 45%, transparent) 0 3px, transparent 3px 9px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--b) 45%, transparent) 0 3px, transparent 3px 9px), var(--a);
    color: var(--ink); border: 1px solid var(--b); border-radius: 4px; text-shadow: 0 0 3px var(--a), 0 0 3px var(--a), 0 0 2px var(--a);
}
.us-plaid-1 { --a: #b3202a; --b: #1d2a4d; --ink: #ffffff; }
.us-plaid-2 { --a: #2f5d8a; --b: #0f1f33; --ink: #ffffff; }
.us-plaid-3 { --a: #2f5a3a; --b: #c9a227; --ink: #ffffff; }
.us-plaid-4 { --a: #c0392b; --b: #111111; --ink: #ffffff; }
.us-plaid-5 { --a: #d9c4a3; --b: #7a4f2b; --ink: #2e1b08; }
.us-gingham {
    background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--a) 40%, transparent) 0 4px, transparent 4px 8px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--a) 40%, transparent) 0 4px, transparent 4px 8px), #ffffff;
    color: var(--ink); border: 1px solid var(--a); border-radius: 6px; text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff;
}
.us-gingham-1 { --a: #e63946; --ink: #5c0b12; }
.us-gingham-2 { --a: #4ea8de; --ink: #0d3354; }
.us-gingham-3 { --a: #3fa34d; --ink: #11381a; }
.us-gingham-4 { --a: #f4c430; --ink: #4d3b00; }
.us-gingham-5 { --a: #9b7fd1; --ink: #2e1a5c; }
.us-chevron {
    background: linear-gradient(135deg, var(--b) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(225deg, var(--b) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(315deg, var(--b) 25%, transparent 25%) 0 0 / 12px 12px, linear-gradient(45deg, var(--b) 25%, transparent 25%) 0 0 / 12px 12px, var(--a);
    color: var(--ink); border-radius: 4px; text-shadow: 0 0 3px var(--a), 0 0 3px var(--a), 0 0 3px var(--a), 0 0 2px var(--a);
}
.us-chevron-1 { --a: #ffd6cc; --b: #ff9478; --ink: #4a1305; }
.us-chevron-2 { --a: #1d3557; --b: #2f5583; --ink: #ffffff; }
.us-chevron-3 { --a: #d8f3dc; --b: #95d5b2; --ink: #143d26; }
.us-chevron-4 { --a: #ffe9a8; --b: #f2c14e; --ink: #4a3500; }
.us-chevron-5 { --a: #e9ecef; --b: #ced4da; --ink: #212529; }
.us-cyber {
    background: linear-gradient(135deg, var(--a), var(--b)); color: var(--ink); border-radius: 0; padding: 1px 14px;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.08em; text-shadow: 0 0 6px color-mix(in srgb, var(--ink) 60%, transparent);
}
.us-cyber-1 { --a: #fcee0a; --b: #f2a900; --ink: #111111; }
.us-cyber-2 { --a: #00f0ff; --b: #0077ff; --ink: #001a33; }
.us-cyber-3 { --a: #1b1f3b; --b: #3a2f7a; --ink: #7af0ff; }
.us-cyber-4 { --a: #ff003c; --b: #8a0021; --ink: #ffffff; }
.us-cyber-5 { --a: #39ff14; --b: #0f8a00; --ink: #06210a; }
.us-camo {
    background: radial-gradient(ellipse 9px 5px at 18% 30%, var(--b) 0 98%, transparent), radial-gradient(ellipse 7px 6px at 62% 70%, var(--c) 0 98%, transparent), radial-gradient(ellipse 10px 4px at 85% 25%, var(--b) 0 98%, transparent), radial-gradient(ellipse 6px 5px at 38% 85%, var(--c) 0 98%, transparent), var(--a);
    background-size: 46px 100%; color: var(--ink); border-radius: 3px; text-shadow: 0 0 2px var(--a), 0 0 2px var(--a), 0 0 1px var(--a); font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em;
}
.us-camo-1 { --a: #4b5320; --b: #2e3416; --c: #7a6a3a; --ink: #f2f0dc; }
.us-camo-2 { --a: #c8b48a; --b: #a08458; --c: #e8dcbf; --ink: #2a1d08; }
.us-camo-3 { --a: #8a8d91; --b: #4b4e52; --c: #c2c5c9; --ink: #ffffff; }
.us-camo-4 { --a: #e6edf2; --b: #b8c7d1; --c: #ffffff; --ink: #1a2a36; }
.us-camo-5 { --a: #f4a6c4; --b: #d6608f; --c: #ffd6e6; --ink: #3d0a1f; }
.us-barber {
    background: repeating-linear-gradient(-45deg, var(--a) 0 6px, var(--b) 6px 12px, var(--c) 12px 18px, var(--b) 18px 24px) 0 0 / 34px 34px;
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 70%, #000000); border-radius: 999px; padding: 1px 12px;
    text-shadow: 0 0 3px var(--b), 0 0 3px var(--b), 0 0 3px var(--b), 0 0 2px var(--b); animation: us-barber 1.6s linear infinite;
}
.us-barber-1 { --a: #d62828; --b: #ffffff; --c: #1d4ed8; --ink: #111111; }
.us-barber-2 { --a: #e63946; --b: #ffffff; --c: #e63946; --ink: #4a0610; }
.us-barber-3 { --a: #2ec4b6; --b: #ffffff; --c: #9ae6b4; --ink: #0b3330; }
.us-barber-4 { --a: #7b2cbf; --b: #ffffff; --c: #c77dff; --ink: #2a0a4a; }
.us-barber-5 { --a: #f4c430; --b: #ffffff; --c: #ff8c42; --ink: #4a3000; }
.us-sunburst {
    background: repeating-conic-gradient(from 0deg at 50% 130%, var(--a) 0 9deg, var(--b) 9deg 18deg);
    color: var(--ink); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--a) 70%, #000000); text-shadow: 0 0 3px var(--a), 0 0 3px var(--a), 0 1px 2px rgba(0,0,0,0.3);
}
.us-sunburst-1 { --a: #ffb703; --b: #ffd166; --ink: #4a2c00; }
.us-sunburst-2 { --a: #d62828; --b: #ffffff; --ink: #3d0000; }
.us-sunburst-3 { --a: #e63946; --b: #ffe8d6; --ink: #3d0610; }
.us-sunburst-4 { --a: #219ebc; --b: #8ecae6; --ink: #04263b; }
.us-sunburst-5 { --a: #2a9d8f; --b: #e9c46a; --ink: #0a2b27; }
.us-topo {
    background: repeating-radial-gradient(ellipse at 30% 60%, transparent 0 5px, color-mix(in srgb, var(--b) 70%, transparent) 5px 6px), var(--a);
    color: var(--ink); border-radius: 4px; border: 1px solid var(--b); text-shadow: 0 0 3px var(--a), 0 0 3px var(--a), 0 0 2px var(--a); font-family: Georgia, 'Times New Roman', serif;
}
.us-topo-1 { --a: #f1ead2; --b: #a68a64; --ink: #3a2a12; }
.us-topo-2 { --a: #e3f2fd; --b: #6fa8dc; --ink: #0d2e4d; }
.us-topo-3 { --a: #dfeedd; --b: #5f8f5c; --ink: #1d3a1b; }
.us-topo-4 { --a: #16213e; --b: #2fd5c9; --ink: #e8fffd; }
.us-topo-5 { --a: #f6d7c3; --b: #c2643a; --ink: #4a1d08; }
.us-glitch {
    background: #0e0e12; color: var(--ink); border-radius: 2px; text-shadow: -2px 0 var(--a), 2px 0 var(--b);
    box-shadow: -2px 0 0 var(--a), 2px 0 0 var(--b); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.06em;
}
.us-glitch-1 { --a: #ff004c; --b: #00e5ff; --ink: #ffffff; }
.us-glitch-2 { --a: #c6ff00; --b: #ff00e6; --ink: #ffffff; }
.us-glitch-3 { --a: #ffb000; --b: #5b5bff; --ink: #fff7e0; }
.us-glitch-4 { --a: #00ffa3; --b: #ff5e5e; --ink: #eafff6; }
.us-glitch-5 { --a: #9a9a9a; --b: #ffffff; --ink: #e0e0e0; }
.us-hud {
    background:
        linear-gradient(var(--a), var(--a)) top left / 7px 2px no-repeat, linear-gradient(var(--a), var(--a)) top left / 2px 7px no-repeat,
        linear-gradient(var(--a), var(--a)) top right / 7px 2px no-repeat, linear-gradient(var(--a), var(--a)) top right / 2px 7px no-repeat,
        linear-gradient(var(--a), var(--a)) bottom left / 7px 2px no-repeat, linear-gradient(var(--a), var(--a)) bottom left / 2px 7px no-repeat,
        linear-gradient(var(--a), var(--a)) bottom right / 7px 2px no-repeat, linear-gradient(var(--a), var(--a)) bottom right / 2px 7px no-repeat,
        color-mix(in srgb, var(--a) 12%, transparent);
    color: var(--ink); border-radius: 0; padding: 2px 11px; text-shadow: 0 0 5px var(--a); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.92em;
}
.us-hud-1 { --a: #00d9ff; --ink: #007a91; }
.us-hud-2 { --a: #ffaa00; --ink: #8a5a00; }
.us-hud-3 { --a: #7cff00; --ink: #3d7d00; }
.us-hud-4 { --a: #ff2d55; --ink: #a3001f; }
.us-hud-5 { --a: #b26bff; --ink: #5e19b0; }
.us-hazard {
    background: repeating-linear-gradient(-45deg, var(--a) 0 5px, var(--b) 5px 10px) top / 100% 4px repeat-x, repeating-linear-gradient(-45deg, var(--a) 0 5px, var(--b) 5px 10px) bottom / 100% 4px repeat-x, var(--c);
    color: var(--ink); border-radius: 2px; padding: 5px 10px; font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.9em;
}
.us-hazard-1 { --a: #ffd400; --b: #111111; --c: #1b1b1b; --ink: #ffd400; }
.us-hazard-2 { --a: #e10600; --b: #ffffff; --c: #ffffff; --ink: #b00500; }
.us-hazard-3 { --a: #ff7a00; --b: #ffffff; --c: #2b2b2b; --ink: #ffffff; }
.us-hazard-4 { --a: #7cfc00; --b: #111111; --c: #111111; --ink: #7cfc00; }
.us-hazard-5 { --a: #00a3ff; --b: #ffffff; --c: #0b2340; --ink: #ffffff; }
.us-typewriter {
    background: linear-gradient(180deg, transparent 82%, color-mix(in srgb, var(--a) 22%, transparent) 82%), #fffdf3; color: var(--a);
    border-radius: 1px; box-shadow: 0 1px 2px rgba(0,0,0,0.18); font-family: 'American Typewriter', 'Courier New', ui-monospace, monospace; font-weight: 400;
    text-shadow: 0.4px 0.3px 0 color-mix(in srgb, var(--a) 45%, transparent);
}
.us-typewriter-1 { --a: #1a1a1a; }
.us-typewriter-2 { --a: #b3121b; }
.us-typewriter-3 { --a: #1b3fa0; }
.us-typewriter-4 { --a: #1f6b3a; }
.us-typewriter-5 { --a: #5b2a86; }
.us-crayon {
    background: repeating-linear-gradient(-8deg, color-mix(in srgb, var(--a) 55%, transparent) 0 2px, transparent 2px 4px) bottom / 100% 5px no-repeat; padding: 0 3px 5px; border-radius: 0;
    color: var(--a); font-family: 'Chalkboard SE', 'Comic Sans MS', cursive; font-weight: 700; text-shadow: 0.6px 0.4px 0 color-mix(in srgb, var(--a) 55%, transparent), -0.4px -0.3px 0 color-mix(in srgb, var(--a) 40%, transparent);
}
.us-crayon-1 { --a: #d7263d; }
.us-crayon-2 { --a: #1f6fd1; }
.us-crayon-3 { --a: #2e9e44; }
.us-crayon-4 { --a: #f26419; }
.us-crayon-5 { --a: #7d3cc9; }
.us-brickneon {
    background: linear-gradient(0deg, rgba(0,0,0,0.3) 1px, transparent 1px) 0 0 / 100% 7px, linear-gradient(90deg, rgba(0,0,0,0.3) 1px, transparent 1px) 0 0 / 14px 14px, linear-gradient(90deg, rgba(0,0,0,0.3) 1px, transparent 1px) 7px 7px / 14px 14px, var(--b);
    color: #ffffff; border-radius: 3px; text-shadow: 0 0 2px #ffffff, 0 0 6px var(--a), 0 0 12px var(--a), 0 0 18px var(--a); font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; font-style: italic; letter-spacing: 0.03em;
}
.us-brickneon-1 { --a: #ff2bd6; --b: #6b2f24; }
.us-brickneon-2 { --a: #2be8ff; --b: #5a3b2e; }
.us-brickneon-3 { --a: #7dff3a; --b: #3d3a38; }
.us-brickneon-4 { --a: #ff3b30; --b: #4a2c22; }
.us-brickneon-5 { --a: #ffc93a; --b: #2f2a2a; }
.us-marquee {
    background: linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c) 60%, #000000)); color: var(--a); border: 3px dotted var(--b); border-radius: 6px;
    box-shadow: 0 0 6px color-mix(in srgb, var(--b) 70%, transparent), inset 0 0 6px color-mix(in srgb, var(--b) 40%, transparent);
    text-shadow: 0 0 6px var(--a); font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em;
}
.us-marquee-1 { --a: #ffe066; --b: #fff4c2; --c: #7a0a0a; }
.us-marquee-2 { --a: #5ff6ff; --b: #ff7ad9; --c: #1a0b3d; }
.us-marquee-3 { --a: #ffffff; --b: #ffd23f; --c: #0b4d2a; }
.us-marquee-4 { --a: #fff7d6; --b: #ff9f1c; --c: #3a0ca3; }
.us-marquee-5 { --a: #ffd166; --b: #ffffff; --c: #111111; }
.us-polaroid {
    background: linear-gradient(135deg, var(--a), var(--b)) content-box, #ffffff padding-box; padding: 3px 3px 9px;
    color: var(--ink); border-radius: 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.25); transform: rotate(-1.5deg); text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.us-polaroid-1 { --a: #ffd6a5; --b: #48cae4; --ink: #ffffff; }
.us-polaroid-2 { --a: #ff9e00; --b: #9d0208; --ink: #ffffff; }
.us-polaroid-3 { --a: #95d5b2; --b: #1b4332; --ink: #ffffff; }
.us-polaroid-4 { --a: #e0c3fc; --b: #8ec5fc; --ink: #2a1f4a; }
.us-polaroid-5 { --a: #3a0ca3; --b: #000814; --ink: #ffffff; }
.us-film {
    background: linear-gradient(90deg, #f2f2f2 0 3px, transparent 3px) 0 1px / 7px 3px repeat-x, linear-gradient(90deg, #f2f2f2 0 3px, transparent 3px) 0 calc(100% - 1px) / 7px 3px repeat-x, #161616;
    color: var(--a); border-radius: 2px; padding: 6px 10px; font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.9em;
}
.us-film-1 { --a: #ffffff; }
.us-film-2 { --a: #e8c48a; }
.us-film-3 { --a: #ff5d8f; }
.us-film-4 { --a: #5ff6ff; }
.us-film-5 { --a: #ffcc33; }
.us-brush {
    background: linear-gradient(180deg, transparent 8%, var(--a) 8% 92%, transparent 92%); padding: 2px 14px;
    border-radius: 40% 60% 55% 45% / 60% 40% 60% 40%; transform: rotate(-1deg); color: var(--ink);
    box-shadow: inset 6px 0 6px -6px rgba(255,255,255,0.4), inset -6px 0 6px -6px rgba(0,0,0,0.25); font-family: 'Segoe Print', 'Bradley Hand', 'Comic Sans MS', cursive;
}
.us-brush-1 { --a: #c1121f; --ink: #ffffff; }
.us-brush-2 { --a: #1d3557; --ink: #ffffff; }
.us-brush-3 { --a: #90be6d; --ink: #1c3310; }
.us-brush-4 { --a: #f9c74f; --ink: #4a3300; }
.us-brush-5 { --a: #2b2d42; --ink: #ffffff; }
.us-watercolor {
    background: radial-gradient(ellipse at 20% 40%, color-mix(in srgb, var(--a) 60%, transparent), transparent 62%), radial-gradient(ellipse at 72% 60%, color-mix(in srgb, var(--b) 55%, transparent), transparent 66%), radial-gradient(ellipse at 50% 15%, color-mix(in srgb, var(--c) 45%, transparent), transparent 60%);
    color: var(--ink); border-radius: 46% 54% 42% 58% / 58% 44% 56% 42%; padding: 2px 14px; font-family: Georgia, 'Times New Roman', serif; font-style: italic;
}
.us-watercolor-1 { --a: #ff8fab; --b: #80ed99; --c: #ffd166; --ink: #3b1f2b; }
.us-watercolor-2 { --a: #48cae4; --b: #90e0ef; --c: #caf0f8; --ink: #023047; }
.us-watercolor-3 { --a: #f4a261; --b: #e76f51; --c: #e9c46a; --ink: #3d1a0a; }
.us-watercolor-4 { --a: #b388ff; --b: #e0aaff; --c: #a0c4ff; --ink: #2a1052; }
.us-watercolor-5 { --a: #74c69d; --b: #b7e4c7; --c: #d8f3dc; --ink: #1b4332; }
.us-stained {
    background: linear-gradient(#1c1c1c, #1c1c1c) 33% 0 / 2px 100% no-repeat, linear-gradient(#1c1c1c, #1c1c1c) 66% 0 / 2px 100% no-repeat, linear-gradient(105deg, var(--a) 0 33%, var(--b) 33% 66%, var(--c) 66%);
    color: #ffffff; border: 2px solid #1c1c1c; border-radius: 10px 10px 3px 3px; text-shadow: 0 0 2px #000000, 0 1px 2px #000000; font-family: Georgia, 'Times New Roman', serif;
}
.us-stained-1 { --a: #c1121f; --b: #1d4ed8; --c: #f4c430; }
.us-stained-2 { --a: #2d6a4f; --b: #9d4edd; --c: #f77f00; }
.us-stained-3 { --a: #0077b6; --b: #00b4d8; --c: #7209b7; }
.us-stained-4 { --a: #d00000; --b: #ff7b00; --c: #ffba08; }
.us-stained-5 { --a: #3a0ca3; --b: #b5179e; --c: #4361ee; }
.us-tiedye {
    background: repeating-conic-gradient(from 20deg at 30% 50%, var(--a) 0 30deg, var(--b) 30deg 60deg, var(--c) 60deg 90deg);
    color: #ffffff; border-radius: 999px; padding: 1px 12px; text-shadow: 0 0 3px rgba(0,0,0,0.65), 0 1px 2px rgba(0,0,0,0.6); border: 2px solid rgba(255,255,255,0.8);
}
.us-tiedye-1 { --a: #ff006e; --b: #ffbe0b; --c: #3a86ff; }
.us-tiedye-2 { --a: #0096c7; --b: #48cae4; --c: #7209b7; }
.us-tiedye-3 { --a: #ff8fab; --b: #ffd166; --c: #06d6a0; }
.us-tiedye-4 { --a: #3c096c; --b: #ff006e; --c: #4cc9f0; }
.us-tiedye-5 { --a: #a47148; --b: #606c38; --c: #dda15e; }
.us-popart {
    background: radial-gradient(circle, var(--b) 2.2px, transparent 2.6px) 0 0 / 7px 7px, var(--a);
    color: var(--ink); border-radius: 50% 50% 50% 50% / 40% 40% 60% 60%; padding: 2px 14px; text-shadow: 2px 2px 0 var(--c), -1px -1px 0 var(--c), 1px -1px 0 var(--c), -1px 1px 0 var(--c);
    font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; font-style: italic;
}
.us-popart-1 { --a: #ffe600; --b: #ff4d4d; --c: #111111; --ink: #ffffff; }
.us-popart-2 { --a: #a0e7ff; --b: #3a86ff; --c: #111111; --ink: #ffffff; }
.us-popart-3 { --a: #ffd6ec; --b: #ff4fa3; --c: #4d0026; --ink: #ffffff; }
.us-popart-4 { --a: #d6ffe9; --b: #2ec27e; --c: #0b3d24; --ink: #ffffff; }
.us-popart-5 { --a: #fff0d6; --b: #ff8c00; --c: #3d1f00; --ink: #ffffff; }
.us-riso {
    background: radial-gradient(circle, rgba(0,0,0,0.06) 0.6px, transparent 0.9px) 0 0 / 3px 3px, #f6f1e6; color: var(--a);
    text-shadow: 1.5px 1px 0 color-mix(in srgb, var(--b) 75%, transparent); border-radius: 2px; font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; letter-spacing: 0.02em;
}
.us-riso-1 { --a: #ff48b0; --b: #0078bf; }
.us-riso-2 { --a: #00838a; --b: #ff6c2f; }
.us-riso-3 { --a: #765ba7; --b: #ffe800; }
.us-riso-4 { --a: #e45d50; --b: #00a95c; }
.us-riso-5 { --a: #2f3d76; --b: #ff7477; }
.us-scroll {
    background: linear-gradient(90deg, color-mix(in srgb, var(--a) 55%, #000000) 0, var(--a) 6px, var(--b) 50%, var(--a) calc(100% - 6px), color-mix(in srgb, var(--a) 55%, #000000) 100%);
    color: var(--ink); border-radius: 3px; padding: 1px 13px; box-shadow: 0 2px 3px rgba(0,0,0,0.25); font-family: Georgia, 'Times New Roman', serif; font-style: italic;
}
.us-scroll-1 { --a: #d8c08c; --b: #f6ead0; --ink: #3d2a08; }
.us-scroll-2 { --a: #c9a227; --b: #fff3c4; --ink: #4a0d0d; }
.us-scroll-3 { --a: #a8c69f; --b: #eef7e6; --ink: #1f3b1a; }
.us-scroll-4 { --a: #b5523b; --b: #f7d9c4; --ink: #3a0f05; }
.us-scroll-5 { --a: #a9c4d8; --b: #eef6fb; --ink: #14304a; }
.us-wax {
    background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--a) 65%, #ffffff), var(--a) 50%, color-mix(in srgb, var(--a) 60%, #000000));
    color: var(--ink); border-radius: 46% 54% 50% 50% / 55% 45% 55% 45%; padding: 2px 13px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.35), inset 0 0 0 3px color-mix(in srgb, var(--a) 75%, #000000), inset 0 0 0 4px rgba(255,255,255,0.18);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.25); font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-variant: small-caps;
}
.us-wax-1 { --a: #9b111e; --ink: #ffe3d6; }
.us-wax-2 { --a: #1d2f6f; --ink: #dbe6ff; }
.us-wax-3 { --a: #1f5133; --ink: #dff5e6; }
.us-wax-4 { --a: #c4932d; --ink: #3a2600; }
.us-wax-5 { --a: #222222; --ink: #e8e8e8; }
.us-banner {
    background: var(--a); color: var(--ink); border-radius: 0; margin: 0 10px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.us-banner::before, .us-banner::after { content: ''; position: absolute; z-index: -1; top: 4px; width: 12px; height: 100%; background: color-mix(in srgb, var(--a) 65%, #000000); }
.us-banner::before { left: -8px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 5px 50%); }
.us-banner::after { right: -8px; clip-path: polygon(0 0, 100% 0, calc(100% - 5px) 50%, 100% 100%, 0 100%); }
.us-banner-1 { --a: #d62828; --ink: #ffffff; }
.us-banner-2 { --a: #1d4ed8; --ink: #ffffff; }
.us-banner-3 { --a: #059669; --ink: #ffffff; }
.us-banner-4 { --a: #e0a800; --ink: #3a2a00; }
.us-banner-5 { --a: #7e22ce; --ink: #ffffff; }
.us-notebook {
    background: linear-gradient(90deg, transparent 6px, var(--b) 6px 7px, transparent 7px), repeating-linear-gradient(180deg, transparent 0 6px, color-mix(in srgb, var(--c) 55%, transparent) 6px 7px), var(--a);
    color: var(--ink); border-radius: 2px; padding: 1px 10px 1px 13px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); font-family: 'Bradley Hand', 'Segoe Print', 'Comic Sans MS', cursive; font-weight: 700;
}
.us-notebook-1 { --a: #ffffff; --b: #ef4444; --c: #93c5fd; --ink: #1e3a8a; }
.us-notebook-2 { --a: #fff59d; --b: #ef4444; --c: #60a5fa; --ink: #1f2937; }
.us-notebook-3 { --a: #e8d3b0; --b: #9a3412; --c: #a16207; --ink: #3b1d08; }
.us-notebook-4 { --a: #1f2937; --b: #f472b6; --c: #4b5563; --ink: #e5e7eb; }
.us-notebook-5 { --a: #ecfdf5; --b: #10b981; --c: #a7f3d0; --ink: #064e3b; }
.us-capsule {
    background: linear-gradient(180deg, rgba(255,255,255,0.55) 0 30%, transparent 55%), linear-gradient(90deg, var(--a) 0 50%, var(--b) 50%);
    color: var(--ink); border-radius: 999px; padding: 1px 13px; border: 1px solid rgba(0,0,0,0.18); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff;
}
.us-capsule-1 { --a: #e63946; --b: #f1faee; --ink: #3d0610; }
.us-capsule-2 { --a: #3a86ff; --b: #f1f5ff; --ink: #0a2a66; }
.us-capsule-3 { --a: #ffd60a; --b: #2b2b2b; --ink: #1a1a1a; }
.us-capsule-4 { --a: #80ed99; --b: #ffafcc; --ink: #2a2a2a; }
.us-capsule-5 { --a: #9d4edd; --b: #2ec4b6; --ink: #1a0b2e; }
.us-battery {
    background: linear-gradient(90deg, var(--a) 0 var(--lvl), color-mix(in srgb, var(--a) 18%, #ffffff) var(--lvl)); border: 2px solid var(--b); border-radius: 4px; margin: 0 7px 0 2px;
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff; font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.us-battery::after { content: ''; position: absolute; right: -6px; top: 50%; width: 3px; height: 8px; margin-top: -4px; border-radius: 0 2px 2px 0; background: var(--b); }
.us-battery-1 { --a: #22c55e; --b: #14532d; --ink: #052e16; --lvl: 100%; }
.us-battery-2 { --a: #84cc16; --b: #365314; --ink: #1a2e05; --lvl: 75%; }
.us-battery-3 { --a: #facc15; --b: #713f12; --ink: #422006; --lvl: 50%; }
.us-battery-4 { --a: #f97316; --b: #7c2d12; --ink: #431407; --lvl: 25%; }
.us-battery-5 { --a: #ef4444; --b: #7f1d1d; --ink: #450a0a; --lvl: 10%; }
.us-loading {
    background: repeating-linear-gradient(-45deg, rgba(255,255,255,0.28) 0 6px, transparent 6px 12px) 0 0 / 17px 17px, linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 75%, #000000));
    color: var(--ink); border-radius: 999px; padding: 1px 12px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    animation: us-loading 0.9s linear infinite;
}
.us-loading-1 { --a: #3b82f6; --ink: #ffffff; }
.us-loading-2 { --a: #22c55e; --ink: #ffffff; }
.us-loading-3 { --a: #f97316; --ink: #ffffff; }
.us-loading-4 { --a: #ef4444; --ink: #ffffff; }
.us-loading-5 { --a: #8b5cf6; --ink: #ffffff; }
.us-cloud {
    background: var(--a); color: var(--ink); border-radius: 999px; padding: 2px 13px; margin: 4px 6px 0;
    box-shadow: 9px -5px 0 -3px var(--a), -7px -4px 0 -2px var(--a), 1px -7px 0 -3px var(--a), 0 4px 6px color-mix(in srgb, var(--b) 45%, transparent);
    font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-cloud-1 { --a: #ffffff; --b: #7cc6fe; --ink: #1d4e89; }
.us-cloud-2 { --a: #ffd6ec; --b: #ff8fc7; --ink: #7a1f52; }
.us-cloud-3 { --a: #6b7280; --b: #1f2937; --ink: #ffffff; }
.us-cloud-4 { --a: #ffe5b4; --b: #ff9e5e; --ink: #7a3a00; }
.us-cloud-5 { --a: #e9d5ff; --b: #a78bfa; --ink: #4c1d95; }
.us-glowtext {
    background: transparent; padding: 0 3px; border-radius: 0; color: #ffffff;
    text-shadow: 0 0 1px var(--a), 0 0 1px var(--a), 0 0 1px var(--a), 0 0 6px var(--a), 0 0 12px var(--a);
}
.us-glowtext-1 { --a: #ff1f8f; }
.us-glowtext-2 { --a: #0a84ff; }
.us-glowtext-3 { --a: #2fd400; }
.us-glowtext-4 { --a: #ff5a00; }
.us-glowtext-5 { --a: #8a2be2; }
.us-patch {
    background: repeating-linear-gradient(45deg, rgba(255,255,255,0.07) 0 1px, transparent 1px 2px), var(--b); color: var(--ink);
    border: 4px solid var(--a); border-radius: 999px; padding: 0 10px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2), 0 0 0 1px color-mix(in srgb, var(--a) 70%, #000000), 0 2px 3px rgba(0,0,0,0.25);
    text-shadow: 0.5px 0.5px 0 rgba(0,0,0,0.35); font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-patch-1 { --a: #d4a017; --b: #2f5233; --ink: #fff6d6; }
.us-patch-2 { --a: #c0c0c0; --b: #111111; --ink: #ff3b30; }
.us-patch-3 { --a: #ffffff; --b: #8b0000; --ink: #ffffff; }
.us-patch-4 { --a: #ff8c00; --b: #0b1d51; --ink: #ffffff; }
.us-patch-5 { --a: #ff69b4; --b: #fff0f6; --ink: #c2185b; }
.us-softinset {
    background: var(--a); color: var(--ink); border-radius: 12px; padding: 2px 12px;
    box-shadow: inset 3px 3px 5px color-mix(in srgb, var(--a) 72%, #000000), inset -3px -3px 5px color-mix(in srgb, var(--a) 55%, #ffffff);
}
.us-softinset-1 { --a: #e0e5ec; --ink: #4a5568; }
.us-softinset-2 { --a: #f6e3d6; --ink: #6b3a1f; }
.us-softinset-3 { --a: #d9efe5; --ink: #24503c; }
.us-softinset-4 { --a: #e6e1f5; --ink: #43307a; }
.us-softinset-5 { --a: #2d3343; --ink: #cbd5e1; }
.us-clay {
    background: var(--a); color: var(--ink); border-radius: 16px; padding: 2px 13px;
    box-shadow: inset -3px -3px 6px color-mix(in srgb, var(--a) 75%, #000000), inset 3px 3px 6px color-mix(in srgb, var(--a) 55%, #ffffff), 0 6px 10px color-mix(in srgb, var(--a) 40%, transparent);
    font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-clay-1 { --a: #ff9ac1; --ink: #5c0f30; }
.us-clay-2 { --a: #8ecdf7; --ink: #0d3354; }
.us-clay-3 { --a: #b5e48c; --ink: #24400f; }
.us-clay-4 { --a: #ffb26b; --ink: #5a2a00; }
.us-clay-5 { --a: #b69cf5; --ink: #2e1866; }
.us-layers {
    background: var(--a); color: var(--ink); border-radius: 6px; margin: 0 8px 4px 2px;
    box-shadow: 2px 2px 0 var(--b), 4px 4px 0 var(--c), 6px 6px 0 rgba(0,0,0,0.12);
}
.us-layers-1 { --a: #ffd166; --b: #f78c6b; --c: #ef476f; --ink: #4a2c00; }
.us-layers-2 { --a: #caf0f8; --b: #48cae4; --c: #0077b6; --ink: #023047; }
.us-layers-3 { --a: #d8f3dc; --b: #74c69d; --c: #2d6a4f; --ink: #1b4332; }
.us-layers-4 { --a: #ffd6ec; --b: #ff70a6; --c: #9d0191; --ink: #4a0030; }
.us-layers-5 { --a: #ffffff; --b: #adb5bd; --c: #343a40; --ink: #212529; }
.us-longshadow {
    background: var(--a); color: #ffffff; border-radius: 4px; overflow: hidden;
    text-shadow: 1px 1px 0 var(--s), 2px 2px 0 var(--s), 3px 3px 0 var(--s), 4px 4px 0 var(--s), 5px 5px 0 var(--s), 6px 6px 0 var(--s), 7px 7px 0 var(--s), 8px 8px 0 var(--s);
}
.us-longshadow-1 { --a: #e74c3c; --s: #c0392b; }
.us-longshadow-2 { --a: #3498db; --s: #2a7ab0; }
.us-longshadow-3 { --a: #2ecc71; --s: #25a35a; }
.us-longshadow-4 { --a: #e67e22; --s: #b8651b; }
.us-longshadow-5 { --a: #9b59b6; --s: #7c4792; }
.us-engraved {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 50%, color-mix(in srgb, var(--a) 85%, #000000));
    color: color-mix(in srgb, var(--a) 40%, #000000); text-shadow: 0 1px 0 rgba(255,255,255,0.65), 0 -1px 0 rgba(0,0,0,0.25);
    border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.3);
    font-family: Georgia, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.88em;
}
.us-engraved-1 { --a: #c9a24a; }
.us-engraved-2 { --a: #a9b3bd; }
.us-engraved-3 { --a: #c87f4f; }
.us-engraved-4 { --a: #8f9590; }
.us-engraved-5 { --a: #d6dade; }
.us-webtwo {
    background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.15) 49%, transparent 50%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 5px; text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.3), 0 4px 6px -3px color-mix(in srgb, var(--a) 70%, transparent); font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;
}
.us-webtwo-1 { --a: #ff7f00; }
.us-webtwo-2 { --a: #3b78e7; }
.us-webtwo-3 { --a: #6bbf1f; }
.us-webtwo-4 { --a: #e6007e; }
.us-webtwo-5 { --a: #333333; }
.us-retrodesk {
    background: var(--a); color: var(--ink); border-radius: 0; padding: 1px 9px; font-weight: 400;
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px color-mix(in srgb, var(--a) 60%, #000000), inset 2px 2px color-mix(in srgb, var(--a) 50%, #ffffff);
    font-family: Tahoma, 'MS Sans Serif', 'Segoe UI', sans-serif;
}
.us-retrodesk-1 { --a: #c0c0c0; --ink: #000000; }
.us-retrodesk-2 { --a: #d5ccbb; --ink: #000000; }
.us-retrodesk-3 { --a: #d8c8e8; --ink: #000000; }
.us-retrodesk-4 { --a: #3a8f8f; --ink: #ffffff; }
.us-retrodesk-5 { --a: #8fa3b8; --ink: #000000; }
.us-coderain {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--a) 22%, transparent) 0 1px, transparent 1px 5px), linear-gradient(180deg, color-mix(in srgb, var(--a) 18%, #000000), #000000);
    color: var(--a); border-radius: 3px; text-shadow: 0 0 4px var(--a), 0 0 8px color-mix(in srgb, var(--a) 60%, transparent); font-family: 'JetBrains Mono', ui-monospace, monospace;
}
.us-coderain-1 { --a: #00ff41; }
.us-coderain-2 { --a: #00b3ff; }
.us-coderain-3 { --a: #ff2a2a; }
.us-coderain-4 { --a: #ffcc00; }
.us-coderain-5 { --a: #c77dff; }
.us-bokeh {
    background: radial-gradient(circle at 15% 30%, color-mix(in srgb, var(--a) 70%, transparent) 0 4px, transparent 7px), radial-gradient(circle at 45% 75%, color-mix(in srgb, var(--b) 65%, transparent) 0 5px, transparent 8px), radial-gradient(circle at 75% 25%, color-mix(in srgb, var(--c) 70%, transparent) 0 3px, transparent 6px), radial-gradient(circle at 92% 70%, color-mix(in srgb, var(--a) 60%, transparent) 0 4px, transparent 7px), var(--bg);
    color: #ffffff; border-radius: 10px; text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
.us-bokeh-1 { --a: #ffc93a; --b: #ff6b6b; --c: #ffffff; --bg: #1a1a2e; }
.us-bokeh-2 { --a: #ffe8a3; --b: #ffd166; --c: #fff6d6; --bg: #2b1d0e; }
.us-bokeh-3 { --a: #ff2bd6; --b: #2be8ff; --c: #9d4bff; --bg: #0b0614; }
.us-bokeh-4 { --a: #b8ff6b; --b: #5ce1a6; --c: #fff9b0; --bg: #0e2416; }
.us-bokeh-5 { --a: #bde0fe; --b: #a2d2ff; --c: #ffffff; --bg: #0d1b2a; }
.us-ombre {
    background: linear-gradient(90deg, var(--a), var(--b), var(--c)); color: #ffffff; border-radius: 999px; padding: 1px 13px; text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}
.us-ombre-1 { --a: #ff9a8b; --b: #ff6a88; --c: #ff99ac; }
.us-ombre-2 { --a: #00c6ff; --b: #0072ff; --c: #6a00ff; }
.us-ombre-3 { --a: #f7971e; --b: #ffb800; --c: #ff5f6d; }
.us-ombre-4 { --a: #11998e; --b: #38ef7d; --c: #11998e; }
.us-ombre-5 { --a: #41295a; --b: #7b2ff7; --c: #2f0743; }
.us-mesh {
    background: radial-gradient(at 0% 0%, var(--a) 0, transparent 60%), radial-gradient(at 100% 0%, var(--b) 0, transparent 60%), radial-gradient(at 100% 100%, var(--c) 0, transparent 60%), radial-gradient(at 0% 100%, var(--d) 0, transparent 60%), #ffffff;
    color: var(--ink); border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
.us-mesh-1 { --a: #ff9ad5; --b: #ffd36b; --c: #8ce0ff; --d: #b69cff; --ink: #2a1a3d; }
.us-mesh-2 { --a: #b8f2a1; --b: #ffe28a; --c: #ffb3c1; --d: #9de3ff; --ink: #1f3317; }
.us-mesh-3 { --a: #7b5cff; --b: #ff6bb5; --c: #ff9e5e; --d: #3ad0ff; --ink: #ffffff; }
.us-mesh-4 { --a: #9ff7e1; --b: #7ad3ff; --c: #c7f9cc; --d: #a0c4ff; --ink: #0b3330; }
.us-mesh-5 { --a: #ff6b35; --b: #f7c59f; --c: #ff2e63; --d: #ffd166; --ink: #3d0a00; }
.us-swoosh {
    background: radial-gradient(ellipse 54% 100% at 50% 0, transparent 66%, var(--a) 69% 86%, transparent 89%) bottom / 100% 8px no-repeat; padding: 0 6px 8px; border-radius: 0; color: var(--ink);
}
.us-swoosh-1 { --a: #e63946; --ink: #3d0610; }
.us-swoosh-2 { --a: #3a86ff; --ink: #0a2a66; }
.us-swoosh-3 { --a: #f4c430; --ink: #4a3500; }
.us-swoosh-4 { --a: #2ec27e; --ink: #0b3d24; }
.us-swoosh-5 { --a: #9d4edd; --ink: #2a0a4a; }
.us-circled {
    background: transparent; border: 2px solid var(--a); border-radius: 50% 45% 55% 48% / 55% 50% 48% 52%; padding: 1px 12px; transform: rotate(-2deg);
    color: var(--ink); box-shadow: 1px 1px 0 -0.5px var(--a);
}
.us-circled-1 { --a: #d62828; --ink: #3d0000; }
.us-circled-2 { --a: #1d4ed8; --ink: #0b1f4d; }
.us-circled-3 { --a: #15803d; --ink: #052e16; }
.us-circled-4 { --a: #ff9f1c; --ink: #3d2200; }
.us-circled-5 { --a: #6b7280; --ink: #1f2937; }
.us-spoiler {
    background: var(--a); color: var(--a); border-radius: 3px; text-shadow: none; transition: color 0.2s ease; cursor: help;
}
.us-spoiler:hover, .us-tile:hover .us-spoiler, .us-preview-stage .us-spoiler { color: var(--ink); }
.us-spoiler-1 { --a: #111111; --ink: #ffffff; }
.us-spoiler-2 { --a: #2b2b2b; --ink: #ffeb3b; }
.us-spoiler-3 { --a: #4c1d95; --ink: #f5d0fe; }
.us-spoiler-4 { --a: #0b3d91; --ink: #dbeafe; }
.us-spoiler-5 { --a: #6b7280; --ink: #ffffff; }
.us-gradtext {
    background: var(--g); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: #555555; padding: 0 3px; border-radius: 0; font-weight: 900;
}
.us-gradtext-1 { --g: linear-gradient(90deg, #ff004c, #ff8a00, #e6c200, #00b85c, #0091ea, #8a2be2); }
.us-gradtext-2 { --g: linear-gradient(90deg, #f472b6, #a78bfa, #60a5fa, #34d399); }
.us-gradtext-3 { --g: linear-gradient(90deg, #f97316, #e11d48, #9333ea); }
.us-gradtext-4 { --g: linear-gradient(90deg, #0ea5e9, #2563eb, #0f766e); }
.us-gradtext-5 { --g: linear-gradient(90deg, #65a30d, #15803d, #0f766e); }
.us-shimmer {
    background: linear-gradient(100deg, var(--a) 0 40%, color-mix(in srgb, var(--b) 65%, var(--a)) 50%, var(--a) 60% 100%) 0 0 / 250% 100%; -webkit-background-clip: text; background-clip: text;
    color: transparent; caret-color: var(--a); padding: 0 3px; border-radius: 0; font-weight: 900; animation: us-shimmer 2.4s linear infinite;
}
.us-shimmer-1 { --a: #6b7280; --b: #f9fafb; }
.us-shimmer-2 { --a: #a16207; --b: #fde68a; }
.us-shimmer-3 { --a: #be185d; --b: #fbcfe8; }
.us-shimmer-4 { --a: #0369a1; --b: #e0f2fe; }
.us-shimmer-5 { --a: #047857; --b: #a7f3d0; }
.us-extruded {
    background: transparent; color: var(--a); padding: 0 6px 0 2px; border-radius: 0; font-weight: 900;
    text-shadow: 1px 1px 0 var(--b), 2px 2px 0 var(--b), 3px 3px 2px rgba(0,0,0,0.25); letter-spacing: 0.04em;
}
.us-extruded-1 { --a: #ff595e; --b: #8a1c1f; }
.us-extruded-2 { --a: #4cc9f0; --b: #1d4e89; }
.us-extruded-3 { --a: #c7f464; --b: #4d7c0f; }
.us-extruded-4 { --a: #ff70a6; --b: #7a1d48; }
.us-extruded-5 { --a: #ffd23f; --b: #8a6100; }
.us-diecut {
    background: transparent; color: var(--a); padding: 0 4px; border-radius: 0; font-weight: 900;
    text-shadow: 2px 0 #ffffff, -2px 0 #ffffff, 0 2px #ffffff, 0 -2px #ffffff, 1.5px 1.5px #ffffff, -1.5px -1.5px #ffffff, 1.5px -1.5px #ffffff, -1.5px 1.5px #ffffff, 2px 3px 3px rgba(0,0,0,0.35);
    font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-diecut-1 { --a: #e0115f; }
.us-diecut-2 { --a: #0077b6; }
.us-diecut-3 { --a: #2b9348; }
.us-diecut-4 { --a: #f77f00; }
.us-diecut-5 { --a: #7209b7; }
.us-letterpress {
    background: color-mix(in srgb, var(--a) 14%, #fbf8f1); color: color-mix(in srgb, var(--a) 80%, #000000); border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.85), 0 -1px 0 rgba(0,0,0,0.12); box-shadow: inset 0 1px 3px rgba(0,0,0,0.15); font-family: Georgia, 'Times New Roman', serif; letter-spacing: 0.03em;
}
.us-letterpress-1 { --a: #2b2b2b; }
.us-letterpress-2 { --a: #7a1f2b; }
.us-letterpress-3 { --a: #1f3a6b; }
.us-letterpress-4 { --a: #4f6f52; }
.us-letterpress-5 { --a: #5b2a5e; }
.us-faaqua {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(ellipse 80% 60% at 50% 100%, var(--b) 0%, transparent 70%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.45); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 999px; padding: 1px 13px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25), inset 0 0 0 1px rgba(255,255,255,0.25); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-faaqua-1 { --a: #2a8de0; --b: #8fe3ff; }
.us-faaqua-2 { --a: #6f7d8c; --b: #d6e0ea; }
.us-faaqua-3 { --a: #3a9d1c; --b: #c6ff8a; }
.us-faaqua-4 { --a: #e86f0c; --b: #ffd08a; }
.us-faaqua-5 { --a: #7438c9; --b: #d4b8ff; }
.us-fabubble {
    background: radial-gradient(circle at 22% 25%, rgba(255,255,255,0.95) 0 2px, transparent 6px), radial-gradient(ellipse at 50% 50%, transparent 50%, color-mix(in srgb, var(--a) 45%, transparent) 78%, color-mix(in srgb, var(--b) 60%, transparent) 100%), rgba(255,255,255,0.55);
    color: var(--ink); border: 1px solid rgba(255,255,255,0.95); border-radius: 999px; padding: 1px 13px;
    box-shadow: inset 0 0 6px color-mix(in srgb, var(--b) 55%, transparent), 0 2px 6px color-mix(in srgb, var(--a) 35%, transparent), 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fabubble-1 { --a: #5fcfff; --b: #ff8fe0; --ink: #0b3a5c; }
.us-fabubble-2 { --a: #5fe8b4; --b: #a594ff; --ink: #0d4030; }
.us-fabubble-3 { --a: #ffd23f; --b: #5fcfff; --ink: #5a4300; }
.us-fabubble-4 { --a: #ff8fbd; --b: #7fe8ff; --ink: #5c1236; }
.us-fabubble-5 { --a: #b49aff; --b: #7fffc4; --ink: #2e1a66; }
.us-faglass {
    background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.14) 45%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, transparent), color-mix(in srgb, var(--a) 85%, #000000));
    color: #ffffff; text-shadow: 0 0 6px rgba(0,0,0,0.65), 0 1px 1px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.55); border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35), 0 0 8px color-mix(in srgb, var(--a) 50%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-faglass-1 { --a: #3a7bd5; }
.us-faglass-2 { --a: #0f9d58; }
.us-faglass-3 { --a: #5b3fa8; }
.us-faglass-4 { --a: #c0263b; }
.us-faglass-5 { --a: #3b4a5a; }
.us-fameadow {
    background: radial-gradient(ellipse 120% 60% at 30% 118%, var(--b) 0 60%, transparent 61%), radial-gradient(ellipse 100% 55% at 88% 124%, color-mix(in srgb, var(--b) 75%, #000000) 0 60%, transparent 61%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 40%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.75); border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.us-fameadow-1 { --a: #3d9cf0; --b: #59c135; }
.us-fameadow-2 { --a: #1e88e5; --b: #7cb342; }
.us-fameadow-3 { --a: #ff8a65; --b: #558b2f; }
.us-fameadow-4 { --a: #64b5f6; --b: #2e7d32; }
.us-fameadow-5 { --a: #9575cd; --b: #9ccc65; }
.us-fawater {
    background: radial-gradient(ellipse 30% 22% at 20% 30%, rgba(255,255,255,0.55), transparent 70%), radial-gradient(ellipse 25% 16% at 72% 62%, rgba(255,255,255,0.45), transparent 70%), repeating-radial-gradient(circle at 50% 130%, rgba(255,255,255,0.16) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,40,80,0.7); border: 1px solid color-mix(in srgb, var(--b) 70%, #000000); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 2px 4px rgba(0,60,120,0.2);
}
.us-fawater-1 { --a: #5ee0ff; --b: #0077b6; }
.us-fawater-2 { --a: #8ff0ff; --b: #0094c8; }
.us-fawater-3 { --a: #6ff5cf; --b: #00897b; }
.us-fawater-4 { --a: #4fc3f7; --b: #01579b; }
.us-fawater-5 { --a: #c6f2ff; --b: #3d8fd0; }
.us-faleaf {
    background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.15) 45%, rgba(255,255,255,0) 50%), linear-gradient(160deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 65%, #000000); border-radius: 14px 3px 14px 3px; padding: 1px 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-faleaf-1 { --a: #2e9e2e; --b: #9be36a; }
.us-faleaf-2 { --a: #4f9e00; --b: #d0ff70; }
.us-faleaf-3 { --a: #00897b; --b: #80e8d5; }
.us-faleaf-4 { --a: #c8601a; --b: #ffc46b; }
.us-faleaf-5 { --a: #2f6f3e; --b: #8fd18f; }
.us-faflare {
    background: radial-gradient(circle at 16% 32%, rgba(255,255,255,0.95) 0 2px, rgba(255,255,255,0.5) 3px, transparent 9px), radial-gradient(circle at 46% 64%, color-mix(in srgb, var(--b) 55%, transparent) 0 3px, transparent 5px), radial-gradient(circle at 72% 44%, color-mix(in srgb, var(--b) 40%, transparent) 0 5px, transparent 8px), linear-gradient(115deg, var(--a), color-mix(in srgb, var(--a) 50%, #ffffff));
    color: var(--ink); border: 1px solid rgba(255,255,255,0.85); border-radius: 8px; box-shadow: 0 0 10px color-mix(in srgb, var(--a) 40%, transparent), inset 0 1px 0 rgba(255,255,255,0.7);
}
.us-faflare-1 { --a: #ffb300; --b: #ffffff; --ink: #4a2c00; }
.us-faflare-2 { --a: #1e88e5; --b: #c8f0ff; --ink: #06213d; }
.us-faflare-3 { --a: #13a35a; --b: #d8ffe8; --ink: #05301a; }
.us-faflare-4 { --a: #d81b8c; --b: #ffd6f0; --ink: #3d0626; }
.us-faflare-5 { --a: #00b8d4; --b: #e0fbff; --ink: #023540; }
.us-faswoosh {
    background: radial-gradient(ellipse 140% 80% at 50% 128%, transparent 52%, color-mix(in srgb, var(--b) 80%, transparent) 56%, color-mix(in srgb, var(--b) 35%, transparent) 62%, transparent 68%), radial-gradient(ellipse 120% 80% at 30% -45%, transparent 56%, rgba(255,255,255,0.4) 59%, transparent 65%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 55%, #000000));
    color: #ffffff; text-shadow: 0 0 6px color-mix(in srgb, var(--b) 70%, transparent), 0 1px 1px rgba(0,0,0,0.5); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-faswoosh-1 { --a: #0b3d6b; --b: #5fffc8; }
.us-faswoosh-2 { --a: #06345e; --b: #4fd2ff; }
.us-faswoosh-3 { --a: #0b4d2c; --b: #a0ff7a; }
.us-faswoosh-4 { --a: #2a0b5e; --b: #c08bff; }
.us-faswoosh-5 { --a: #5e1a0b; --b: #ffb36b; }
.us-facrystal {
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.45) 30%, color-mix(in srgb, var(--a) 30%, transparent) 55%, rgba(255,255,255,0.65) 75%, color-mix(in srgb, var(--b) 35%, transparent) 100%), #ffffff;
    color: var(--ink); border: 1px solid #ffffff; outline: 1px solid color-mix(in srgb, var(--a) 55%, transparent); border-radius: 4px;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--a) 30%, transparent), inset 0 0 0 1px rgba(255,255,255,0.6);
}
.us-facrystal-1 { --a: #4fc3f7; --b: #b388ff; --ink: #0b3050; }
.us-facrystal-2 { --a: #f48fb1; --b: #ffcc80; --ink: #4a1028; }
.us-facrystal-3 { --a: #9ccc65; --b: #4dd0e1; --ink: #24400f; }
.us-facrystal-4 { --a: #ffca28; --b: #ff8a65; --ink: #4a3300; }
.us-facrystal-5 { --a: #3f51b5; --b: #4fc3f7; --ink: #141c4d; }
.us-faunderwater {
    background: radial-gradient(circle at 15% 70%, transparent 2px, rgba(255,255,255,0.5) 2.5px 3px, transparent 3.5px), radial-gradient(circle at 35% 28%, transparent 1.5px, rgba(255,255,255,0.45) 2px 2.5px, transparent 3px), radial-gradient(circle at 78% 66%, transparent 2.5px, rgba(255,255,255,0.48) 3px 3.5px, transparent 4px), radial-gradient(circle at 92% 24%, transparent 1px, rgba(255,255,255,0.45) 1.5px 2px, transparent 2.5px), linear-gradient(180deg, var(--a), var(--b));
    background-size: 50px 20px, 50px 20px, 50px 20px, 50px 20px, 100% 100%; color: #ffffff; text-shadow: 0 1px 2px rgba(0,30,60,0.7); border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,60,120,0.25); animation: us-rise 3s linear infinite;
}
.us-faunderwater-1 { --a: #29b6f6; --b: #01579b; }
.us-faunderwater-2 { --a: #26a69a; --b: #004d40; }
.us-faunderwater-3 { --a: #3949ab; --b: #0d1442; }
.us-faunderwater-4 { --a: #4dd0e1; --b: #00838f; }
.us-faunderwater-5 { --a: #81d4fa; --b: #1565c0; }
.us-faorb {
    background: radial-gradient(ellipse at 50% 125%, color-mix(in srgb, var(--b) 90%, transparent) 0%, transparent 60%), radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255,255,255,0.75) 0 58%, transparent 61%), radial-gradient(circle at 50% 50%, var(--a), color-mix(in srgb, var(--a) 45%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); border: 1px solid color-mix(in srgb, var(--a) 40%, #000000); border-radius: 999px; padding: 1px 13px;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.45), 0 2px 6px rgba(0,0,0,0.35);
}
.us-faorb-1 { --a: #1d5fb5; --b: #7fe3ff; }
.us-faorb-2 { --a: #1c8a2e; --b: #b4ff7a; }
.us-faorb-3 { --a: #d35400; --b: #ffd27a; }
.us-faorb-4 { --a: #b3122a; --b: #ff9a8a; }
.us-faorb-5 { --a: #2b2f36; --b: #8fd8ff; }
.us-fafrost {
    background: linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 22%, #ffffff)); color: var(--ink); border: 1px solid #ffffff; border-radius: 8px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 40%, transparent), 0 4px 12px color-mix(in srgb, var(--a) 25%, transparent), inset 0 -8px 12px -8px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fafrost-1 { --a: #42a5f5; --ink: #0d3050; }
.us-fafrost-2 { --a: #26c6a2; --ink: #08402f; }
.us-fafrost-3 { --a: #8bc34a; --ink: #24400f; }
.us-fafrost-4 { --a: #ff8a65; --ink: #4a1c0b; }
.us-fafrost-5 { --a: #7e57c2; --ink: #25124d; }
.us-fadew {
    background: radial-gradient(circle 5px at 7px 42%, rgba(255,255,255,0.95) 0 22%, rgba(255,255,255,0.35) 32% 62%, color-mix(in srgb, var(--a) 60%, #000000) 92%, transparent 100%), radial-gradient(circle 3px at calc(100% - 6px) 64%, rgba(255,255,255,0.95) 0 22%, rgba(255,255,255,0.35) 32% 62%, color-mix(in srgb, var(--a) 60%, #000000) 92%, transparent 100%), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 10px; padding: 1px 17px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fadew-1 { --a: #2e8b2e; --b: #8ee06a; }
.us-fadew-2 { --a: #d81b60; --b: #ff9ec7; }
.us-fadew-3 { --a: #1976d2; --b: #8fd0ff; }
.us-fadew-4 { --a: #e6a800; --b: #ffe680; }
.us-fadew-5 { --a: #00897b; --b: #7ff0de; }
.us-faeco {
    background: linear-gradient(90deg, var(--a), var(--b)) bottom / 100% 3px no-repeat, linear-gradient(180deg, #ffffff 0%, #f0f6fa 50%, #e3edf3 51%, #ffffff 100%);
    color: var(--ink); border: 1px solid #c7d6e0; border-radius: 999px; padding: 1px 13px 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-faeco-1 { --a: #7ed321; --b: #00a8e8; --ink: #1d4a0b; }
.us-faeco-2 { --a: #00c6ff; --b: #0072ff; --ink: #08325c; }
.us-faeco-3 { --a: #ffd200; --b: #f7971e; --ink: #4a3300; }
.us-faeco-4 { --a: #a1ffce; --b: #43c6ac; --ink: #0d4030; }
.us-faeco-5 { --a: #ff9a9e; --b: #a18cd1; --ink: #4a1a3d; }
.us-fasunrise {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 135%, #ffffff 0 12%, var(--b) 30%, var(--a) 80%);
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.6); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: 0 2px 6px color-mix(in srgb, var(--b) 40%, transparent);
}
.us-fasunrise-1 { --a: #7ec8ff; --b: #ffd27a; --ink: #0d2e4d; }
.us-fasunrise-2 { --a: #ffb74d; --b: #fff176; --ink: #4a2600; }
.us-fasunrise-3 { --a: #f8a5c2; --b: #ffe0a3; --ink: #4a1028; }
.us-fasunrise-4 { --a: #8ee7c9; --b: #fff6a3; --ink: #0d4030; }
.us-fasunrise-5 { --a: #b8a4f0; --b: #ffd1a3; --ink: #2a1a5c; }
.us-fapinstripe {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 40%, #ffffff), var(--a)) 0 0 / 6px 100% no-repeat, repeating-linear-gradient(0deg, rgba(255,255,255,0.65) 0 1px, transparent 1px 2px), linear-gradient(180deg, #f4f6f9, #dbe2ea);
    color: color-mix(in srgb, var(--a) 70%, #000000); border: 1px solid #a9b4c1; border-radius: 6px; padding: 1px 10px 1px 13px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.15); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fapinstripe-1 { --a: #2a8de0; }
.us-fapinstripe-2 { --a: #3a9d1c; }
.us-fapinstripe-3 { --a: #d32f4f; }
.us-fapinstripe-4 { --a: #7438c9; }
.us-fapinstripe-5 { --a: #e86f0c; }
.us-faclouds {
    background: radial-gradient(ellipse 10px 6px at 20% 78%, #ffffff 0 90%, transparent), radial-gradient(ellipse 8px 6px at 30% 66%, #ffffff 0 90%, transparent), radial-gradient(ellipse 12px 6px at 76% 30%, rgba(255,255,255,0.92) 0 90%, transparent), radial-gradient(ellipse 8px 5px at 86% 40%, rgba(255,255,255,0.92) 0 90%, transparent), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid rgba(255,255,255,0.85); border-radius: 10px; box-shadow: 0 2px 5px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-faclouds-1 { --a: #4aa8f0; --b: #c4e8ff; --ink: #0b2e55; }
.us-faclouds-2 { --a: #2f86e0; --b: #9fd6ff; --ink: #06213d; }
.us-faclouds-3 { --a: #f6a5d0; --b: #d6ecff; --ink: #4a1036; }
.us-faclouds-4 { --a: #5ed6c0; --b: #e0fff7; --ink: #0b3d33; }
.us-faclouds-5 { --a: #7a6fe0; --b: #ffc4a3; --ink: #1e1450; }
.us-fataskbar {
    background: radial-gradient(ellipse 60% 85% at 50% 115%, color-mix(in srgb, var(--a) 85%, transparent), transparent 72%), linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.08) 50%, rgba(0,0,0,0.15) 51%), #1d2733;
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.8); border: 1px solid rgba(0,0,0,0.7); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25), 0 0 6px color-mix(in srgb, var(--a) 35%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fataskbar-1 { --a: #29d3ff; }
.us-fataskbar-2 { --a: #5cff6e; }
.us-fataskbar-3 { --a: #ffb02e; }
.us-fataskbar-4 { --a: #ff5cc8; }
.us-fataskbar-5 { --a: #a77bff; }
.us-faaquarium {
    background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.28) 36%, transparent 46%), linear-gradient(180deg, transparent 76%, var(--c) 76%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,30,60,0.75); border: 2px solid rgba(255,255,255,0.8); border-radius: 6px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 60%, #000000), 0 2px 5px rgba(0,0,0,0.2);
}
.us-faaquarium-1 { --a: #4fd8ff; --b: #0288d1; --c: #f3d9a4; }
.us-faaquarium-2 { --a: #5ef0d0; --b: #00897b; --c: #ffcc99; }
.us-faaquarium-3 { --a: #3f6fe0; --b: #0d1b52; --c: #a89a7c; }
.us-faaquarium-4 { --a: #7fd8a8; --b: #2e7d5b; --c: #8a7a5c; }
.us-faaquarium-5 { --a: #9ff3ff; --b: #1e90c8; --c: #fff0c4; }
.us-faribbon {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(ellipse 120% 90% at 0% 135%, var(--a) 0 55%, transparent 56%), radial-gradient(ellipse 120% 90% at 100% -45%, var(--b) 0 45%, transparent 46%), linear-gradient(180deg, #ffffff, #eef5fb);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 8px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 2px 6px rgba(0,0,0,0.15);
}
.us-faribbon-1 { --a: #7ed321; --b: #4aa8f0; --ink: #0d2e14; }
.us-faribbon-2 { --a: #00b4d8; --b: #0077b6; --ink: #04263b; }
.us-faribbon-3 { --a: #ffd23f; --b: #ff8c42; --ink: #4a2a00; }
.us-faribbon-4 { --a: #ff5c9d; --b: #9d5cff; --ink: #3d0a2b; }
.us-faribbon-5 { --a: #3ddc97; --b: #7fe3ff; --ink: #0b3d27; }
.us-faluna {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 55%, color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); font-style: italic; font-weight: 800; border-radius: 4px 14px 14px 4px; padding: 1px 14px 1px 10px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 1px 2px 3px rgba(0,0,0,0.3); font-family: 'Trebuchet MS', Tahoma, sans-serif;
}
.us-faluna-1 { --a: #3c9a3c; }
.us-faluna-2 { --a: #2459c8; }
.us-faluna-3 { --a: #8a9a3c; }
.us-faluna-4 { --a: #8f99a8; }
.us-faluna-5 { --a: #d9622b; }
.us-fataskband {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, #ffffff) 0%, var(--a) 12%, color-mix(in srgb, var(--a) 85%, #ffffff) 50%, var(--a) 88%, color-mix(in srgb, var(--a) 65%, #000000) 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px; border-top: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); box-shadow: 0 1px 2px rgba(0,0,0,0.3); font-family: Tahoma, 'Segoe UI', sans-serif;
}
.us-fataskband-1 { --a: #245edb; }
.us-fataskband-2 { --a: #7d9a4a; }
.us-fataskband-3 { --a: #8c93a1; }
.us-fataskband-4 { --a: #3a6ea5; }
.us-fataskband-5 { --a: #3d3d3d; }
.us-fagadget {
    background: radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255,255,255,0.28), transparent 70%), linear-gradient(180deg, #2a3442, #121820);
    color: var(--a); text-shadow: 0 0 6px color-mix(in srgb, var(--a) 70%, transparent); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), 0 0 8px color-mix(in srgb, var(--a) 35%, transparent), 0 3px 6px rgba(0,0,0,0.35); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fagadget-1 { --a: #7fd4ff; }
.us-fagadget-2 { --a: #ffd36b; }
.us-fagadget-3 { --a: #8dff8a; }
.us-fagadget-4 { --a: #ffaa5e; }
.us-fagadget-5 { --a: #ff9ed8; }
.us-fachannel {
    background: repeating-linear-gradient(180deg, #ffffff 0 3px, #eef1f4 3px 4px); color: var(--ink); border: 3px solid var(--a); border-radius: 12px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 50%, #ffffff), 0 3px 6px rgba(0,0,0,0.15); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fachannel-1 { --a: #34bdf0; --ink: #1a4d66; }
.us-fachannel-2 { --a: #a8b3bd; --ink: #3d4650; }
.us-fachannel-3 { --a: #2ec4c4; --ink: #0d4545; }
.us-fachannel-4 { --a: #6fd16f; --ink: #1f4d1f; }
.us-fachannel-5 { --a: #ffaa33; --ink: #5c3500; }
.us-famediawave {
    background: radial-gradient(ellipse 160% 60% at 20% 125%, transparent 55%, rgba(255,255,255,0.45) 57%, transparent 60%), radial-gradient(ellipse 160% 70% at 80% 135%, transparent 55%, rgba(255,255,255,0.3) 57%, transparent 61%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); font-family: 'Segoe UI', system-ui, sans-serif; letter-spacing: 0.02em;
}
.us-famediawave-1 { --a: #4b8fe0; --b: #1c3f8a; }
.us-famediawave-2 { --a: #7ccf5a; --b: #2d7a2b; }
.us-famediawave-3 { --a: #46d0d6; --b: #127a8a; }
.us-famediawave-4 { --a: #e8b44a; --b: #9a5a12; }
.us-famediawave-5 { --a: #a77be0; --b: #4b2a8a; }
.us-fablade {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, var(--a), color-mix(in srgb, var(--a) 60%, #ffffff)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55);
    border-radius: 0; padding: 1px 16px; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); font-family: 'Segoe UI', system-ui, sans-serif; font-weight: 800;
}
.us-fablade-1 { --a: #4cb51b; }
.us-fablade-2 { --a: #e0387f; }
.us-fablade-3 { --a: #1f8be0; }
.us-fablade-4 { --a: #8c97a3; }
.us-fablade-5 { --a: #f2861b; }
.us-fapocket {
    background: linear-gradient(180deg, #ffffff 0%, #f1f3f6 50%, #e3e7ec 51%, #f7f8fa 100%); color: var(--a);
    border: 2px solid color-mix(in srgb, var(--a) 35%, #c9d0d8); border-radius: 999px; padding: 1px 13px;
    box-shadow: inset 0 0 0 2px #ffffff, 0 2px 4px rgba(0,0,0,0.18), 0 0 0 4px color-mix(in srgb, var(--a) 12%, transparent); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fapocket-1 { --a: #3478c6; }
.us-fapocket-2 { --a: #5fa300; }
.us-fapocket-3 { --a: #d6338a; }
.us-fapocket-4 { --a: #e07012; }
.us-fapocket-5 { --a: #4a5360; }
.us-fablackglass {
    background: radial-gradient(ellipse 80% 70% at 50% 120%, color-mix(in srgb, var(--a) 75%, transparent), transparent 70%), linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.06) 49%, transparent 50%), #0d0f14;
    color: #ffffff; text-shadow: 0 0 6px color-mix(in srgb, var(--a) 80%, transparent); border: 1px solid #000000; border-radius: 7px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2), 0 2px 5px rgba(0,0,0,0.4);
}
.us-fablackglass-1 { --a: #2fa8ff; }
.us-fablackglass-2 { --a: #3fe07a; }
.us-fablackglass-3 { --a: #ff3f5a; }
.us-fablackglass-4 { --a: #ffc23f; }
.us-fablackglass-5 { --a: #a66bff; }
.us-fatoolbar {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 15%, #ffffff) 0%, color-mix(in srgb, var(--a) 30%, #ffffff) 49%, color-mix(in srgb, var(--a) 45%, #ffffff) 50%, color-mix(in srgb, var(--a) 25%, #ffffff) 100%);
    color: color-mix(in srgb, var(--a) 60%, #000000); border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 3px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px rgba(0,0,0,0.12); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fatoolbar-1 { --a: #4a90e2; }
.us-fatoolbar-2 { --a: #8f9aa8; }
.us-fatoolbar-3 { --a: #4caf50; }
.us-fatoolbar-4 { --a: #f08c2a; }
.us-fatoolbar-5 { --a: #d9443a; }
.us-faprogress {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, transparent 20%, rgba(255,255,255,0.55) 32%, transparent 44%) 0 0 / 220% 100%, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 3px; padding: 1px 12px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.25); animation: us-progress 2.2s linear infinite;
}
.us-faprogress-1 { --a: #2fb52f; }
.us-faprogress-2 { --a: #e6b800; }
.us-faprogress-3 { --a: #d6283a; }
.us-faprogress-4 { --a: #1e88e5; }
.us-faprogress-5 { --a: #00a3a3; }
.us-fasearch {
    background: linear-gradient(180deg, #f3f6f9, #ffffff 40%); color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 999px; padding: 1px 13px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 0 0 3px color-mix(in srgb, var(--a) 25%, transparent), 0 0 8px color-mix(in srgb, var(--a) 40%, transparent); font-family: 'Segoe UI', system-ui, sans-serif; font-style: italic;
}
.us-fasearch-1 { --a: #3d9be9; --ink: #1a3a5c; }
.us-fasearch-2 { --a: #4cc35a; --ink: #1a4a20; }
.us-fasearch-3 { --a: #ff9a3c; --ink: #5a3000; }
.us-fasearch-4 { --a: #ff6fb5; --ink: #5a1236; }
.us-fasearch-5 { --a: #9b74ff; --ink: #2e1a66; }
.us-fagltab {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 35%, #ffffff), color-mix(in srgb, var(--a) 70%, #ffffff));
    color: color-mix(in srgb, var(--a) 40%, #000000); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-bottom-color: transparent; border-radius: 9px 9px 0 0; padding: 2px 14px 1px;
    box-shadow: inset 0 1px 0 #ffffff, 0 -1px 4px color-mix(in srgb, var(--a) 25%, transparent);
}
.us-fagltab-1 { --a: #4a90e2; }
.us-fagltab-2 { --a: #3fc7a0; }
.us-fagltab-3 { --a: #ff9a6b; }
.us-fagltab-4 { --a: #a68bf0; }
.us-fagltab-5 { --a: #f0cc3a; }
.us-faballoon {
    background: linear-gradient(180deg, #ffffff, var(--a)); color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #555555); border-radius: 8px; margin-bottom: 6px;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.25); font-family: Tahoma, 'Segoe UI', sans-serif;
}
.us-faballoon::after { content: ''; position: absolute; left: 12px; bottom: -6px; width: 9px; height: 9px; background: var(--a); border-right: 1px solid color-mix(in srgb, var(--a) 40%, #555555); border-bottom: 1px solid color-mix(in srgb, var(--a) 40%, #555555); transform: skewX(30deg) rotate(45deg); }
.us-faballoon-1 { --a: #ffffe1; --ink: #333333; }
.us-faballoon-2 { --a: #dcecff; --ink: #14304f; }
.us-faballoon-3 { --a: #e1f7dc; --ink: #1d4a14; }
.us-faballoon-4 { --a: #ffe9b8; --ink: #4a3000; }
.us-faballoon-5 { --a: #ffdfe3; --ink: #5a1220; }
.us-fagrass {
    background: linear-gradient(135deg, transparent 50%, var(--b) 50%) 0 100% / 6px 6px repeat-x, linear-gradient(225deg, transparent 50%, var(--b) 50%) 3px 100% / 6px 6px repeat-x, linear-gradient(180deg, transparent 72%, var(--b) 72%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 45%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 11px 4px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}
.us-fagrass-1 { --a: #4aa8f0; --b: #4caf3a; }
.us-fagrass-2 { --a: #6ec6ff; --b: #2e9a3e; }
.us-fagrass-3 { --a: #8fd3ff; --b: #7ed321; }
.us-fagrass-4 { --a: #ff9e7a; --b: #3d8a2e; }
.us-fagrass-5 { --a: #9fd8ff; --b: #9bbb3a; }
.us-fahorizon {
    background: radial-gradient(ellipse 18% 30% at 70% 52%, rgba(255,255,255,0.75), transparent 70%), linear-gradient(180deg, var(--a) 0 52%, var(--b) 52% 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fahorizon-1 { --a: #7cc8ff; --b: #0a76c4; }
.us-fahorizon-2 { --a: #a8e6ff; --b: #00a6a6; }
.us-fahorizon-3 { --a: #ffc46b; --b: #2b6aa8; }
.us-fahorizon-4 { --a: #b8f0e0; --b: #2a9d8f; }
.us-fahorizon-5 { --a: #b39ddb; --b: #283593; }
.us-farainbow {
    background: radial-gradient(circle at 50% 160%, transparent 46%, #ff5a5a 47% 50%, #ffb347 50% 53%, #ffe66b 53% 56%, #7ed957 56% 59%, #4fc3f7 59% 62%, #9575cd 62% 65%, transparent 66%), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 10px; border: 1px solid rgba(255,255,255,0.85); box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-farainbow-1 { --a: #7cc8ff; --b: #e0f4ff; --ink: #0d2e4d; }
.us-farainbow-2 { --a: #9fb8c8; --b: #eef5f8; --ink: #1f3340; }
.us-farainbow-3 { --a: #ffd36b; --b: #fff7d6; --ink: #4a3300; }
.us-farainbow-4 { --a: #f8c4e4; --b: #f0f8ff; --ink: #4a1a3d; }
.us-farainbow-5 { --a: #8fe8d0; --b: #f0fffa; --ink: #0d3d33; }
.us-fasunbeam {
    background: repeating-conic-gradient(from 0deg at 0% 0%, rgba(255,255,255,0.5) 0 4deg, transparent 4deg 10deg), radial-gradient(circle at 0% 0%, #ffffff 0 12%, transparent 45%), linear-gradient(160deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.7); border-radius: 8px; border: 1px solid rgba(255,255,255,0.85);
}
.us-fasunbeam-1 { --a: #9fd8ff; --b: #3d8fe0; --ink: #06213d; }
.us-fasunbeam-2 { --a: #ffe08a; --b: #f0a030; --ink: #4a2c00; }
.us-fasunbeam-3 { --a: #c4f0a0; --b: #4c9a3a; --ink: #14330a; }
.us-fasunbeam-4 { --a: #ffd0e4; --b: #e05a98; --ink: #4a0f2a; }
.us-fasunbeam-5 { --a: #c4f8ff; --b: #1fb6c8; --ink: #033640; }
.us-fapetals {
    background: radial-gradient(ellipse 5px 3px at 12% 30%, var(--b) 0 90%, transparent), radial-gradient(ellipse 4px 3px at 30% 78%, var(--b) 0 90%, transparent), radial-gradient(ellipse 5px 3px at 72% 22%, var(--b) 0 90%, transparent), radial-gradient(ellipse 4px 2.5px at 90% 72%, var(--b) 0 90%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, var(--a));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 45%, #ffffff); border-radius: 999px; padding: 1px 13px;
}
.us-fapetals-1 { --a: #ffd6e6; --b: #ff8fbd; --ink: #5c1236; }
.us-fapetals-2 { --a: #f0dcff; --b: #c48aff; --ink: #3a1a5c; }
.us-fapetals-3 { --a: #ffe8cc; --b: #ffb066; --ink: #5a3000; }
.us-fapetals-4 { --a: #e8f8e0; --b: #ff9fb0; --ink: #2a3d1a; }
.us-fapetals-5 { --a: #fffbe0; --b: #ffffff; --ink: #4a4220; }
.us-fawavecrest {
    background: radial-gradient(ellipse 70% 120% at 30% 140%, var(--b) 0 60%, rgba(255,255,255,0.9) 61% 64%, transparent 65%), radial-gradient(ellipse 60% 100% at 85% 150%, color-mix(in srgb, var(--b) 75%, #000000) 0 60%, rgba(255,255,255,0.7) 61% 63%, transparent 64%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 40%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; border: 1px solid rgba(255,255,255,0.8);
}
.us-fawavecrest-1 { --a: #7cd0ff; --b: #0a80c8; }
.us-fawavecrest-2 { --a: #a8f0e8; --b: #11998e; }
.us-fawavecrest-3 { --a: #ffc08a; --b: #2266aa; }
.us-fawavecrest-4 { --a: #5a9be0; --b: #0b3d91; }
.us-fawavecrest-5 { --a: #4fc8e0; --b: #0a6f9a; }
.us-faripples {
    background: repeating-radial-gradient(circle at 70% 55%, transparent 0 4px, rgba(255,255,255,0.35) 4px 5px), radial-gradient(circle at 70% 55%, rgba(255,255,255,0.4), transparent 60%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.18);
}
.us-faripples-1 { --a: #4fc3c8; --b: #126e7a; }
.us-faripples-2 { --a: #7cc87c; --b: #2a6a3a; }
.us-faripples-3 { --a: #6fc8ff; --b: #1563a8; }
.us-faripples-4 { --a: #f0a070; --b: #7a3a60; }
.us-faripples-5 { --a: #7a8ad8; --b: #1e2a6a; }
.us-farainglass {
    background: radial-gradient(ellipse 1.5px 3px at 12% 14%, rgba(255,255,255,0.55) 0 60%, transparent), radial-gradient(ellipse 1.5px 3.5px at 28% 88%, rgba(255,255,255,0.5) 0 60%, transparent), radial-gradient(ellipse 1.5px 3px at 55% 12%, rgba(255,255,255,0.55) 0 60%, transparent), radial-gradient(ellipse 1.5px 4px at 76% 86%, rgba(255,255,255,0.5) 0 60%, transparent), radial-gradient(ellipse 1.5px 3px at 94% 20%, rgba(255,255,255,0.55) 0 60%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000);
}
.us-farainglass-1 { --a: #3a86d6; }
.us-farainglass-2 { --a: #2a9d6a; }
.us-farainglass-3 { --a: #5f7387; }
.us-farainglass-4 { --a: #7a5ad6; }
.us-farainglass-5 { --a: #16a0a8; }
.us-faicecube {
    background: linear-gradient(135deg, rgba(255,255,255,0.95) 0 18%, transparent 18% 82%, rgba(255,255,255,0.4) 82%), linear-gradient(180deg, color-mix(in srgb, var(--a) 25%, #ffffff), color-mix(in srgb, var(--a) 55%, #ffffff));
    color: var(--ink); border: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 45%, transparent), inset -3px -3px 6px color-mix(in srgb, var(--a) 35%, transparent), inset 3px 3px 6px rgba(255,255,255,0.8);
}
.us-faicecube-1 { --a: #7fd8ff; --ink: #0b3050; }
.us-faicecube-2 { --a: #7fffd4; --ink: #0d4030; }
.us-faicecube-3 { --a: #ff9ed8; --ink: #5c1236; }
.us-faicecube-4 { --a: #fff07a; --ink: #4a4000; }
.us-faicecube-5 { --a: #c4a8ff; --ink: #2e1a66; }
.us-fasnowglobe {
    background: radial-gradient(circle at 8% 30%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 30% 88%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 52% 10%, #ffffff 0 1.2px, transparent 1.8px), radial-gradient(circle at 72% 90%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 93% 60%, #ffffff 0 1.2px, transparent 1.8px), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; border: 2px solid rgba(255,255,255,0.9); box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 50%, #000000), 0 3px 6px rgba(0,0,0,0.2);
}
.us-fasnowglobe-1 { --a: #4a8fe0; }
.us-fasnowglobe-2 { --a: #2e8b57; }
.us-fasnowglobe-3 { --a: #c62f3a; }
.us-fasnowglobe-4 { --a: #283f8a; }
.us-fasnowglobe-5 { --a: #8f7ad6; }
.us-fashafts {
    background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.35) 24%, transparent 30%, transparent 48%, rgba(255,255,255,0.28) 52%, transparent 58%, transparent 74%, rgba(255,255,255,0.3) 78%, transparent 84%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fashafts-1 { --a: #7ccf5a; --b: #1f5a2a; }
.us-fashafts-2 { --a: #8fbf9f; --b: #2a4a3a; }
.us-fashafts-3 { --a: #e0a050; --b: #6a3a14; }
.us-fashafts-4 { --a: #8aa8f0; --b: #2a3a7a; }
.us-fashafts-5 { --a: #5ad08a; --b: #0b4a2a; }
.us-faglobe {
    background: radial-gradient(ellipse 18% 40% at 22% 45%, var(--b) 0 90%, transparent), radial-gradient(ellipse 14% 30% at 58% 62%, var(--b) 0 90%, transparent), radial-gradient(ellipse 10% 22% at 80% 30%, var(--b) 0 90%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a) 60%, color-mix(in srgb, var(--a) 60%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: 0 2px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-faglobe-1 { --a: #1e78d0; --b: #4caf50; }
.us-faglobe-2 { --a: #0aa0c8; --b: #8bc34a; }
.us-faglobe-3 { --a: #1a2f6a; --b: #2e7d32; }
.us-faglobe-4 { --a: #4a8fe0; --b: #c8a050; }
.us-faglobe-5 { --a: #26a69a; --b: #9ccc65; }
.us-faveins {
    background: linear-gradient(rgba(255,255,255,0.22), rgba(255,255,255,0.22)) 0 50% / 100% 1px no-repeat, repeating-linear-gradient(55deg, transparent 0 7px, rgba(255,255,255,0.28) 7px 8px) 0 0 / 100% 50% no-repeat, repeating-linear-gradient(-55deg, transparent 0 7px, rgba(255,255,255,0.28) 7px 8px) 0 100% / 100% 50% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 50% 6px 50% 6px / 60% 6px 60% 6px; padding: 1px 14px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000);
}
.us-faveins-1 { --a: #4caf3a; }
.us-faveins-2 { --a: #7cb800; }
.us-faveins-3 { --a: #1f9a8a; }
.us-faveins-4 { --a: #d9622b; }
.us-faveins-5 { --a: #c9a200; }
.us-fabamboo {
    background: linear-gradient(90deg, transparent 0 30%, rgba(0,0,0,0.25) 30% calc(30% + 2px), rgba(255,255,255,0.5) calc(30% + 2px) calc(30% + 3px), transparent calc(30% + 3px) 68%, rgba(0,0,0,0.25) 68% calc(68% + 2px), rgba(255,255,255,0.5) calc(68% + 2px) calc(68% + 3px), transparent calc(68% + 3px)), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 65%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 4px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000);
}
.us-fabamboo-1 { --a: #6ab84a; }
.us-fabamboo-2 { --a: #a8c83a; }
.us-fabamboo-3 { --a: #2e9a6a; }
.us-fabamboo-4 { --a: #c8a05a; }
.us-fabamboo-5 { --a: #3a4a3a; }
.us-faskytext {
    background: linear-gradient(180deg, var(--a), var(--b)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b);
    filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 1px 2px color-mix(in srgb, var(--b) 60%, transparent)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-faskytext-1 { --a: #5ec8ff; --b: #0a5fb0; }
.us-faskytext-2 { --a: #ffc46b; --b: #e0507a; }
.us-faskytext-3 { --a: #9be36a; --b: #1f8a3a; }
.us-faskytext-4 { --a: #6ff0e0; --b: #0a7a9a; }
.us-faskytext-5 { --a: #c49aff; --b: #3a2a9a; }
.us-faliquidchrome {
    background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--a) 35%, #ffffff) 35%, color-mix(in srgb, var(--a) 80%, #000000) 50%, var(--a) 62%, color-mix(in srgb, var(--a) 30%, #ffffff) 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 0 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 50%, #000000); border-radius: 999px; padding: 1px 13px; box-shadow: 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 #ffffff;
}
.us-faliquidchrome-1 { --a: #1e9be0; }
.us-faliquidchrome-2 { --a: #12b088; }
.us-faliquidchrome-3 { --a: #d6407a; }
.us-faliquidchrome-4 { --a: #5aa800; }
.us-faliquidchrome-5 { --a: #3f51b5; }
.us-faliquid {
    background: radial-gradient(ellipse 30% 25% at 25% 50%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--a) 80%, #ffffff) 45% 50%, var(--a) 50%), linear-gradient(180deg, rgba(255,255,255,0.95), rgba(240,248,255,0.9));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6), 0 2px 5px color-mix(in srgb, var(--a) 30%, transparent);
}
.us-faliquid-1 { --a: #3aa8f0; --ink: #0b3050; }
.us-faliquid-2 { --a: #7ed321; --ink: #24400f; }
.us-faliquid-3 { --a: #ffa63a; --ink: #4a2600; }
.us-faliquid-4 { --a: #e0408a; --ink: #4a0f2a; }
.us-faliquid-5 { --a: #8a5ae0; --ink: #2a1052; }
.us-faprism {
    background: linear-gradient(105deg, transparent 38%, rgba(255,80,80,0.45) 42%, rgba(255,200,60,0.45) 46%, rgba(120,220,90,0.45) 50%, rgba(70,170,255,0.45) 54%, rgba(150,100,255,0.45) 58%, transparent 62%), linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 18%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 4px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 3px 8px rgba(0,0,0,0.12);
}
.us-faprism-1 { --a: #8fb8d8; --ink: #1a2f40; }
.us-faprism-2 { --a: #4fa8f0; --ink: #0b2e4d; }
.us-faprism-3 { --a: #4fd8b0; --ink: #0b3d30; }
.us-faprism-4 { --a: #f08ab8; --ink: #4a1028; }
.us-faprism-5 { --a: #f0c050; --ink: #4a3300; }
.us-fasmoked {
    background: radial-gradient(circle, rgba(255,255,255,0.06) 0.6px, transparent 1px) 0 0 / 3px 3px, linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.04) 50%), color-mix(in srgb, var(--a) 35%, #1a1f26);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.28); border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.3);
}
.us-fasmoked-1 { --a: #6b7a8f; }
.us-fasmoked-2 { --a: #2f5a9a; }
.us-fasmoked-3 { --a: #2f7a5a; }
.us-fasmoked-4 { --a: #6a3a8a; }
.us-fasmoked-5 { --a: #9a4a2a; }
.us-faneonedge {
    background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.35)) padding-box, linear-gradient(135deg, var(--a), var(--b)) border-box; border: 2px solid transparent;
    color: var(--ink); border-radius: 10px; box-shadow: 0 0 8px color-mix(in srgb, var(--a) 55%, transparent), 0 0 14px color-mix(in srgb, var(--b) 35%, transparent);
}
.us-faneonedge-1 { --a: #00e5ff; --b: #ff4fd8; --ink: #2a1a4a; }
.us-faneonedge-2 { --a: #9cff3a; --b: #2a8bff; --ink: #14330a; }
.us-faneonedge-3 { --a: #ffb02e; --b: #ff3f6a; --ink: #4a1a00; }
.us-faneonedge-4 { --a: #3ad0ff; --b: #3affb0; --ink: #06303a; }
.us-faneonedge-5 { --a: #a66bff; --b: #5ac8ff; --ink: #25124d; }
.us-fahologlass {
    background: linear-gradient(120deg, color-mix(in srgb, var(--a) 35%, transparent), color-mix(in srgb, var(--b) 35%, transparent), color-mix(in srgb, var(--c) 35%, transparent)), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.6));
    color: var(--ink); border: 1px solid #ffffff; border-radius: 12px; box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 4px 10px color-mix(in srgb, var(--b) 25%, transparent), inset 0 1px 0 #ffffff;
}
.us-fahologlass-1 { --a: #7fd8ff; --b: #ff9be6; --c: #fff27a; --ink: #2a2a4a; }
.us-fahologlass-2 { --a: #7fffd4; --b: #7fbfff; --c: #d4ff7f; --ink: #0d3a33; }
.us-fahologlass-3 { --a: #ffb38a; --b: #ff8fc7; --c: #ffe08a; --ink: #4a1f0d; }
.us-fahologlass-4 { --a: #b38aff; --b: #7fd8ff; --c: #ff9be6; --ink: #25124d; }
.us-fahologlass-5 { --a: #d4ff6b; --b: #ffd23f; --c: #7fffd4; --ink: #2a3a00; }
.us-fagelring {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 10%, #ffffff)) padding-box, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) border-box, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) border-box;
    border: 4px solid transparent; color: color-mix(in srgb, var(--a) 55%, #000000); border-radius: 999px; padding: 0 11px; box-shadow: 0 2px 5px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fagelring-1 { --a: #2fa8f0; }
.us-fagelring-2 { --a: #6cc417; }
.us-fagelring-3 { --a: #f0509a; }
.us-fagelring-4 { --a: #ff8c1a; }
.us-fagelring-5 { --a: #8a4ae0; }
.us-fajellybean {
    background: radial-gradient(ellipse 40% 35% at 30% 25%, rgba(255,255,255,0.85), transparent 70%), radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--a) 60%, #ffffff), transparent 60%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 60% 40% 55% 45% / 70% 60% 40% 30%; padding: 2px 14px; box-shadow: 0 3px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fajellybean-1 { --a: #e0203a; }
.us-fajellybean-2 { --a: #5cc41a; }
.us-fajellybean-3 { --a: #2a6ae0; }
.us-fajellybean-4 { --a: #ff8a1a; }
.us-fajellybean-5 { --a: #8a3ad6; }
.us-facandygloss {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), repeating-linear-gradient(90deg, var(--a) 0 8px, color-mix(in srgb, var(--a) 55%, #ffffff) 8px 16px);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 -2px 3px rgba(0,0,0,0.15);
}
.us-facandygloss-1 { --a: #e83a5a; }
.us-facandygloss-2 { --a: #1fb87a; }
.us-facandygloss-3 { --a: #1f7ae0; }
.us-facandygloss-4 { --a: #f07a12; }
.us-facandygloss-5 { --a: #8a3ad6; }
.us-famarble {
    background: radial-gradient(circle at 28% 28%, rgba(255,255,255,0.95) 0 2px, rgba(255,255,255,0.4) 3px, transparent 8px), conic-gradient(from 30deg at 60% 55%, color-mix(in srgb, var(--a) 70%, transparent), transparent 25%, color-mix(in srgb, var(--b) 70%, transparent) 45%, transparent 70%, color-mix(in srgb, var(--a) 70%, transparent)), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.7), rgba(220,235,245,0.9));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid rgba(0,0,0,0.12); border-radius: 999px; padding: 1px 13px; box-shadow: inset -2px -3px 6px rgba(0,0,0,0.15), 0 2px 5px rgba(0,0,0,0.2);
}
.us-famarble-1 { --a: #2a8be0; --b: #f0a020; --ink: #0d2240; }
.us-famarble-2 { --a: #2ab04a; --b: #e0e040; --ink: #0d3318; }
.us-famarble-3 { --a: #e0302a; --b: #ffb020; --ink: #4a0d05; }
.us-famarble-4 { --a: #1ab0c8; --b: #3a4ae0; --ink: #062a40; }
.us-famarble-5 { --a: #ff5ab8; --b: #8a5aff; --ink: #3d0a2b; }
.us-fawaterdrop {
    background: radial-gradient(ellipse 60% 40% at 50% 85%, rgba(255,255,255,0.75), transparent 70%), radial-gradient(ellipse 30% 25% at 30% 22%, rgba(255,255,255,0.95), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--a) 85%, #000000), color-mix(in srgb, var(--a) 50%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; border: 1px solid color-mix(in srgb, var(--a) 50%, #000000); box-shadow: 0 3px 6px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fawaterdrop-1 { --a: #2f8fd6; }
.us-fawaterdrop-2 { --a: #4a9e1a; }
.us-fawaterdrop-3 { --a: #d63a7a; }
.us-fawaterdrop-4 { --a: #0f8f8f; }
.us-fawaterdrop-5 { --a: #6a3ad6; }
.us-fareflect {
    background: transparent; color: var(--a); font-weight: 900; padding: 0 3px; border-radius: 0;
    text-shadow: 0 1px 0 #ffffff, 0 2px 3px color-mix(in srgb, var(--a) 40%, transparent);
    -webkit-box-reflect: below -4px linear-gradient(transparent 40%, rgba(255,255,255,0.45));
}
.us-fareflect-1 { --a: #1e88e5; }
.us-fareflect-2 { --a: #2e9e3e; }
.us-fareflect-3 { --a: #e0503a; }
.us-fareflect-4 { --a: #b03ad6; }
.us-fareflect-5 { --a: #3d4a5a; }
.us-faorbs {
    background: radial-gradient(circle at 12% 70%, color-mix(in srgb, var(--a) 60%, transparent) 0 4px, transparent 8px), radial-gradient(circle at 40% 25%, color-mix(in srgb, var(--b) 55%, transparent) 0 5px, transparent 10px), radial-gradient(circle at 70% 75%, color-mix(in srgb, var(--a) 45%, transparent) 0 6px, transparent 11px), radial-gradient(circle at 92% 30%, color-mix(in srgb, var(--b) 50%, transparent) 0 3px, transparent 7px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 15%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 12px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 30%, transparent), 0 3px 8px color-mix(in srgb, var(--a) 25%, transparent);
}
.us-faorbs-1 { --a: #4fb8ff; --b: #9be36a; --ink: #0b2e4d; }
.us-faorbs-2 { --a: #7ed321; --b: #ffd23f; --ink: #24400f; }
.us-faorbs-3 { --a: #ff7ab6; --b: #b49aff; --ink: #4a1036; }
.us-faorbs-4 { --a: #00c8d8; --b: #3a7bff; --ink: #033640; }
.us-faorbs-5 { --a: #ffb02e; --b: #ff7a5a; --ink: #4a2600; }
.us-fabrightribbon {
    background: radial-gradient(ellipse 150% 80% at 50% 115%, transparent 55%, color-mix(in srgb, var(--a) 55%, transparent) 58%, transparent 63%), radial-gradient(ellipse 150% 80% at 40% -15%, transparent 55%, color-mix(in srgb, var(--b) 50%, transparent) 58%, transparent 64%), linear-gradient(180deg, #ffffff, #f2f8fc);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 30%, #ffffff); border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.us-fabrightribbon-1 { --a: #29b6f6; --b: #66bb6a; --ink: #0b2e4d; }
.us-fabrightribbon-2 { --a: #9ccc65; --b: #ffca28; --ink: #24400f; }
.us-fabrightribbon-3 { --a: #f06292; --b: #ba68c8; --ink: #4a1028; }
.us-fabrightribbon-4 { --a: #26c6da; --b: #5c6bc0; --ink: #06303a; }
.us-fabrightribbon-5 { --a: #ffa726; --b: #ef5350; --ink: #4a1f00; }
.us-faswirl {
    background: radial-gradient(circle at 15% 50%, transparent 7px, rgba(255,255,255,0.28) 7.5px 8.5px, transparent 9px), radial-gradient(circle at 15% 50%, transparent 12px, rgba(255,255,255,0.18) 12.5px 13.5px, transparent 14px), radial-gradient(circle at 85% 40%, transparent 6px, rgba(255,255,255,0.25) 6.5px 7.5px, transparent 8px), linear-gradient(135deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-faswirl-1 { --a: #5ab0f0; --b: #2a5ac8; }
.us-faswirl-2 { --a: #8ad66a; --b: #2a8a4a; }
.us-faswirl-3 { --a: #ff9ac8; --b: #c83a8a; }
.us-faswirl-4 { --a: #5ad6d0; --b: #127a8a; }
.us-faswirl-5 { --a: #c4a8ff; --b: #6a4ac8; }
.us-fabanner {
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0 2px, transparent 2px), linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.12) 50%), linear-gradient(90deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 2px; padding: 1px 14px; box-shadow: 0 3px 4px -2px rgba(0,0,0,0.35); font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; font-weight: 800; letter-spacing: 0.03em;
}
.us-fabanner-1 { --a: #1e88e5; --b: #26c6da; }
.us-fabanner-2 { --a: #43a047; --b: #9ccc65; }
.us-fabanner-3 { --a: #f4511e; --b: #ffb300; }
.us-fabanner-4 { --a: #d81b60; --b: #8e24aa; }
.us-fabanner-5 { --a: #455a64; --b: #90a4ae; }
.us-fabadge {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 70%) padding-box, linear-gradient(180deg, #ffffff, #b8c2cc 50%, #ffffff) border-box;
    border: 3px solid transparent; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 0 12px; box-shadow: 0 0 0 1px #8a96a3, 0 2px 4px rgba(0,0,0,0.25);
}
.us-fabadge-1 { --a: #1e88e5; }
.us-fabadge-2 { --a: #43a047; }
.us-fabadge-3 { --a: #e53935; }
.us-fabadge-4 { --a: #fb8c00; }
.us-fabadge-5 { --a: #8e24aa; }
.us-fatoggle {
    background: radial-gradient(circle at calc(100% - 9px) 50%, #ffffff 0 5.5px, rgba(0,0,0,0.18) 6px, transparent 7px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 65%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 22px 1px 11px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.us-fatoggle-1 { --a: #34c759; }
.us-fatoggle-2 { --a: #0a84ff; }
.us-fatoggle-3 { --a: #ff9500; }
.us-fatoggle-4 { --a: #ff2d78; }
.us-fatoggle-5 { --a: #30b0c7; }
.us-faicontile {
    background: radial-gradient(ellipse 120% 70% at 50% -10%, rgba(255,255,255,0.75), transparent 60%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 3px 12px; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6), 0 3px 6px rgba(0,0,0,0.25);
}
.us-faicontile-1 { --a: #5ac8fa; --b: #1a6fd6; }
.us-faicontile-2 { --a: #7ae27a; --b: #1f9a2a; }
.us-faicontile-3 { --a: #ff7a8a; --b: #d61a3a; }
.us-faicontile-4 { --a: #ffd36b; --b: #f07a12; }
.us-faicontile-5 { --a: #c49aff; --b: #6a2ad6; }
.us-fadunes {
    background: radial-gradient(ellipse 90% 55% at 25% 120%, var(--b) 0 60%, transparent 61%), radial-gradient(ellipse 80% 50% at 80% 125%, var(--c) 0 60%, transparent 61%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 35%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 8px; border: 1px solid rgba(255,255,255,0.85);
}
.us-fadunes-1 { --a: #bfe3ff; --b: #ffd6a5; --c: #ffb38a; --ink: #3a2a1a; }
.us-fadunes-2 { --a: #d6f5ff; --b: #a8e6b4; --c: #6fcf97; --ink: #14402b; }
.us-fadunes-3 { --a: #e8dcff; --b: #c8b4ff; --c: #a48aff; --ink: #2a1a5c; }
.us-fadunes-4 { --a: #ffe0cc; --b: #ffb38a; --c: #ff8a65; --ink: #4a1a08; }
.us-fadunes-5 { --a: #cfe8ff; --b: #8fd3ff; --c: #4fa8e0; --ink: #0b2e4d; }
.us-fasunsetsea {
    background: radial-gradient(circle at 50% 55%, #fff6c4 0 3px, var(--b) 7px, transparent 14px), linear-gradient(180deg, var(--a) 0 55%, var(--c) 55% 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.us-fasunsetsea-1 { --a: #ff9a5a; --b: #ffd36b; --c: #5a3a9a; }
.us-fasunsetsea-2 { --a: #ff8ab8; --b: #ffc46b; --c: #3a4a9a; }
.us-fasunsetsea-3 { --a: #ffb84a; --b: #fff0a0; --c: #1a6a9a; }
.us-fasunsetsea-4 { --a: #ff7a6a; --b: #ffb08a; --c: #2a3a7a; }
.us-fasunsetsea-5 { --a: #c49aff; --b: #ffd0a0; --c: #2a2a6a; }
.us-fatropical {
    background: radial-gradient(ellipse 30% 90% at 10% 100%, var(--b) 0 70%, transparent 71%), radial-gradient(ellipse 25% 80% at 92% 0%, var(--b) 0 70%, transparent 71%), radial-gradient(ellipse 20% 70% at 80% 100%, color-mix(in srgb, var(--b) 70%, #000000) 0 70%, transparent 71%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 14px;
}
.us-fatropical-1 { --a: #3a9a5a; --b: #7ed36a; }
.us-fatropical-2 { --a: #1f6a3a; --b: #4caf50; }
.us-fatropical-3 { --a: #6ab02a; --b: #c4e86a; }
.us-fatropical-4 { --a: #2a7a6a; --b: #6ad0b0; }
.us-fatropical-5 { --a: #4a9a2a; --b: #e0e86a; }
.us-fawaterfall {
    background: repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 1px, transparent 1px 4px, rgba(255,255,255,0.18) 4px 5px, transparent 5px 9px) 0 0 / 100% 200%, linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); animation: us-fall 1.6s linear infinite;
}
.us-fawaterfall-1 { --a: #7fd8ff; --b: #1e78c8; }
.us-fawaterfall-2 { --a: #7fe0c0; --b: #1a7a5a; }
.us-fawaterfall-3 { --a: #d8f4ff; --b: #4a9ad6; }
.us-fawaterfall-4 { --a: #6ff0e8; --b: #0a8aa8; }
.us-fawaterfall-5 { --a: #a8b8ff; --b: #3a3ab0; }
.us-facluster {
    background: radial-gradient(circle at calc(100% - 8px) 35%, rgba(255,255,255,0.9) 0 1px, transparent 2px), radial-gradient(circle at calc(100% - 9px) 45%, transparent 4px, rgba(255,255,255,0.75) 4.5px 5.2px, transparent 5.7px), radial-gradient(circle at calc(100% - 18px) 70%, transparent 2.5px, rgba(255,255,255,0.7) 3px 3.6px, transparent 4px), radial-gradient(circle at calc(100% - 20px) 25%, transparent 1.5px, rgba(255,255,255,0.65) 2px 2.6px, transparent 3px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 65%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 26px 1px 12px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000);
}
.us-facluster-1 { --a: #1e9be0; }
.us-facluster-2 { --a: #4caf1a; }
.us-facluster-3 { --a: #d6336a; }
.us-facluster-4 { --a: #12a88a; }
.us-facluster-5 { --a: #7a3ad6; }
.us-fawaveline {
    background: radial-gradient(ellipse 30% 60% at 25% 100%, transparent 55%, color-mix(in srgb, var(--a) 45%, transparent) 58% 63%, transparent 66%), radial-gradient(ellipse 30% 60% at 75% 0%, transparent 55%, color-mix(in srgb, var(--a) 45%, transparent) 58% 63%, transparent 67%), linear-gradient(180deg, #ffffff 0%, #f4f8fb 50%, #e9f0f6 51%, #ffffff 100%);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.us-fawaveline-1 { --a: #2a8be0; --ink: #0b2e4d; }
.us-fawaveline-2 { --a: #43a047; --ink: #14330a; }
.us-fawaveline-3 { --a: #ff6f61; --ink: #4a1a10; }
.us-fawaveline-4 { --a: #00a3b5; --ink: #033640; }
.us-fawaveline-5 { --a: #8a5ae0; --ink: #25124d; }
.us-faecoleaf {
    background: radial-gradient(ellipse 9px 6px at 10px 50%, var(--a) 0 85%, transparent 90%), linear-gradient(90deg, color-mix(in srgb, var(--a) 18%, #ffffff), #ffffff 40%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 12px 1px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-faecoleaf-1 { --a: #43a047; --ink: #14330a; }
.us-faecoleaf-2 { --a: #00a387; --ink: #063d33; }
.us-faecoleaf-3 { --a: #1e88e5; --ink: #0b2e4d; }
.us-faecoleaf-4 { --a: #f9a825; --ink: #4a3000; }
.us-faecoleaf-5 { --a: #ec407a; --ink: #4a0f2a; }
.us-farecycle {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), conic-gradient(from 0deg, var(--a), var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 50%, #000000), 0 2px 5px rgba(0,0,0,0.2);
}
.us-farecycle-1 { --a: #43a047; --b: #1e88e5; }
.us-farecycle-2 { --a: #7cb342; --b: #00897b; }
.us-farecycle-3 { --a: #29b6f6; --b: #26a69a; }
.us-farecycle-4 { --a: #fbc02d; --b: #43a047; }
.us-farecycle-5 { --a: #00acc1; --b: #7e57c2; }
.us-fasolar {
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px) 0 0 / 9px 100%, linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px) 0 0 / 100% 7px, linear-gradient(130deg, rgba(255,255,255,0.45) 0 20%, transparent 35%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 55%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 2px solid #c8d0d8; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.25);
}
.us-fasolar-1 { --a: #1f4fa8; }
.us-fasolar-2 { --a: #2f6ad6; }
.us-fasolar-3 { --a: #1a2440; }
.us-fasolar-4 { --a: #0f6a7a; }
.us-fasolar-5 { --a: #4a2fa8; }
.us-faenergy {
    background: linear-gradient(90deg, var(--a) 0 19%, transparent 19% 21%, color-mix(in srgb, var(--a) 75%, var(--b)) 21% 40%, transparent 40% 42%, color-mix(in srgb, var(--a) 50%, var(--b)) 42% 61%, transparent 61% 63%, color-mix(in srgb, var(--a) 25%, var(--b)) 63% 82%, transparent 82% 84%, var(--b) 84%) 0 100% / 100% 5px no-repeat, linear-gradient(180deg, #ffffff, #f2f6f9);
    color: color-mix(in srgb, var(--a) 60%, #000000); padding: 1px 10px 7px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.6);
}
.us-faenergy-1 { --a: #2fb52f; --b: #9be36a; }
.us-faenergy-2 { --a: #1e78d0; --b: #7fd8ff; }
.us-faenergy-3 { --a: #e0302a; --b: #ffb02e; }
.us-faenergy-4 { --a: #00897b; --b: #80e8d5; }
.us-faenergy-5 { --a: #6a2ad6; --b: #ff7ad9; }
.us-fapebble {
    background: radial-gradient(ellipse 35% 30% at 30% 25%, rgba(255,255,255,0.75), transparent 70%), radial-gradient(ellipse at 60% 120%, rgba(0,0,0,0.25), transparent 60%), linear-gradient(160deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 48% 52% 45% 55% / 60% 55% 45% 40%; padding: 2px 14px; box-shadow: 0 3px 5px rgba(0,0,0,0.25);
}
.us-fapebble-1 { --a: #8fa3b0; --b: #4a5a66; }
.us-fapebble-2 { --a: #5ab08a; --b: #1f5a40; }
.us-fapebble-3 { --a: #7fd0c8; --b: #2a7a80; }
.us-fapebble-4 { --a: #d8b48a; --b: #8a5a3a; }
.us-fapebble-5 { --a: #6a7a9a; --b: #2a3348; }
.us-fashard {
    background: linear-gradient(120deg, rgba(255,255,255,0.9) 0 15%, transparent 15% 60%, rgba(255,255,255,0.35) 60% 66%, transparent 66%), linear-gradient(180deg, color-mix(in srgb, var(--a) 50%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 0; padding: 1px 16px; clip-path: polygon(6px 0, 100% 0, calc(100% - 4px) 70%, calc(100% - 12px) 100%, 0 100%, 3px 40%);
}
.us-fashard-1 { --a: #3aa8e0; }
.us-fashard-2 { --a: #16a05a; }
.us-fashard-3 { --a: #d61a4a; }
.us-fashard-4 { --a: #7a3ad6; }
.us-fashard-5 { --a: #e0a010; }
.us-faripplering {
    background: radial-gradient(ellipse 60% 120% at 50% 50%, transparent 55%, color-mix(in srgb, var(--a) 40%, transparent) 70%, transparent 85%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 12%, #ffffff));
    color: var(--ink); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px color-mix(in srgb, var(--a) 40%, transparent), 0 0 12px color-mix(in srgb, var(--a) 45%, transparent);
}
.us-faripplering-1 { --a: #29b6f6; --ink: #0b2e4d; }
.us-faripplering-2 { --a: #66bb6a; --ink: #14330a; }
.us-faripplering-3 { --a: #ffca28; --ink: #4a3300; }
.us-faripplering-4 { --a: #f06292; --ink: #4a1028; }
.us-faripplering-5 { --a: #9575cd; --ink: #25124d; }
.us-falightleak {
    background: radial-gradient(ellipse 60% 120% at 0% 0%, color-mix(in srgb, var(--a) 75%, transparent), transparent 70%), radial-gradient(ellipse 50% 100% at 100% 100%, color-mix(in srgb, var(--b) 65%, transparent), transparent 70%), #fffdf8;
    color: var(--ink); border-radius: 6px; border: 1px solid rgba(255,255,255,0.9); box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.us-falightleak-1 { --a: #ffb36b; --b: #ff7a9a; --ink: #4a1f0d; }
.us-falightleak-2 { --a: #7fd8ff; --b: #a68bff; --ink: #14244a; }
.us-falightleak-3 { --a: #b4f06b; --b: #6bd8ff; --ink: #1f3a0d; }
.us-falightleak-4 { --a: #ffd36b; --b: #ffa36b; --ink: #4a3000; }
.us-falightleak-5 { --a: #ff9be6; --b: #7fffd4; --ink: #3d1036; }
.us-faicetext {
    background: linear-gradient(180deg, #ffffff 0%, var(--a) 55%, color-mix(in srgb, var(--a) 60%, #000000) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
    -webkit-text-stroke: 0.6px color-mix(in srgb, var(--a) 55%, #000000); caret-color: var(--a); filter: drop-shadow(0 1px 0 rgba(255,255,255,0.9)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-faicetext-1 { --a: #5ab8f0; }
.us-faicetext-2 { --a: #4ad8b0; }
.us-faicetext-3 { --a: #a88aff; }
.us-faicetext-4 { --a: #ff8ab8; }
.us-faicetext-5 { --a: #9aa8b8; }
.us-fawatertext {
    background: radial-gradient(ellipse 40% 30% at 30% 30%, rgba(255,255,255,0.9), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--a) 50%, #ffffff), var(--a) 60%, color-mix(in srgb, var(--a) 60%, #000000)); -webkit-background-clip: text; background-clip: text;
    color: transparent; caret-color: var(--a); filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 70%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fawatertext-1 { --a: #1e88e5; }
.us-fawatertext-2 { --a: #00acc1; }
.us-fawatertext-3 { --a: #43a047; }
.us-fawatertext-4 { --a: #7e57c2; }
.us-fawatertext-5 { --a: #f4511e; }
.us-faglosstext {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 40%, #ffffff) 0 48%, var(--a) 52% 100%); -webkit-background-clip: text; background-clip: text;
    color: transparent; caret-color: var(--a); filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 55%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0; font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-faglosstext-1 { --a: #1e88e5; }
.us-faglosstext-2 { --a: #5aa800; }
.us-faglosstext-3 { --a: #e0203a; }
.us-faglosstext-4 { --a: #f07a12; }
.us-faglosstext-5 { --a: #8a3ad6; }
.us-fachrometext {
    background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--a) 40%, #ffffff) 45%, color-mix(in srgb, var(--a) 70%, #000000) 50%, var(--a) 70%, #ffffff 100%); -webkit-background-clip: text; background-clip: text;
    color: transparent; caret-color: var(--a); -webkit-text-stroke: 0.4px color-mix(in srgb, var(--a) 50%, #000000); filter: drop-shadow(0 1px 0 rgba(0,0,0,0.3)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fachrometext-1 { --a: #1e78d0; }
.us-fachrometext-2 { --a: #00897b; }
.us-fachrometext-3 { --a: #6a7888; }
.us-fachrometext-4 { --a: #c89a1a; }
.us-fachrometext-5 { --a: #c83a7a; }
.us-faleaftext {
    background: linear-gradient(180deg, var(--b), var(--a)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(0 0 2px color-mix(in srgb, var(--b) 70%, transparent)) drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 60%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0; font-family: Georgia, 'Times New Roman', serif; font-style: italic;
}
.us-faleaftext-1 { --a: #2e7d32; --b: #9be36a; }
.us-faleaftext-2 { --a: #558b2f; --b: #d4ff6b; }
.us-faleaftext-3 { --a: #00796b; --b: #7fe8d5; }
.us-faleaftext-4 { --a: #bf360c; --b: #ffb74d; }
.us-faleaftext-5 { --a: #9a7a00; --b: #ffe66b; }
.us-faskypill {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--a), var(--b)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.6);
    border: 2px solid #ffffff; border-radius: 999px; padding: 0 13px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 50%, transparent), 0 2px 6px color-mix(in srgb, var(--b) 35%, transparent);
}
.us-faskypill-1 { --a: #d6efff; --b: #7cc4f5; --ink: #0d2e4d; }
.us-faskypill-2 { --a: #d6fff0; --b: #6fdcb8; --ink: #0d3d2e; }
.us-faskypill-3 { --a: #ffe8d6; --b: #ffb08a; --ink: #4a1f0d; }
.us-faskypill-4 { --a: #efe6ff; --b: #b8a0f5; --ink: #2a1a5c; }
.us-faskypill-5 { --a: #fffbd6; --b: #f5d66b; --ink: #4a3d00; }
.us-famusicnote {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 50%, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 3px solid #ffffff; border-radius: 12px; padding: 0 11px; transform: rotate(-2deg); box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.25);
}
.us-famusicnote-1 { --a: #1fa8e8; }
.us-famusicnote-2 { --a: #5cbf1a; }
.us-famusicnote-3 { --a: #f0408a; }
.us-famusicnote-4 { --a: #ff8a1a; }
.us-famusicnote-5 { --a: #8a4ae0; }
.us-faflowcard {
    background: linear-gradient(180deg, rgba(255,255,255,0.95) 0 55%, transparent 55%), linear-gradient(90deg, var(--a), var(--b));
    color: var(--ink); border-radius: 8px; padding: 1px 12px 4px; box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 3px 8px rgba(0,0,0,0.12); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-faflowcard-1 { --a: #29b6f6; --b: #1e88e5; --ink: #0b2e4d; }
.us-faflowcard-2 { --a: #9ccc65; --b: #43a047; --ink: #14330a; }
.us-faflowcard-3 { --a: #ffb74d; --b: #f4511e; --ink: #4a1f00; }
.us-faflowcard-4 { --a: #f06292; --b: #8e24aa; --ink: #4a0f2a; }
.us-faflowcard-5 { --a: #4dd0e1; --b: #00838f; --ink: #033640; }
.us-faslider {
    background: radial-gradient(ellipse 5px 5px at 70% calc(100% - 4px), #ffffff 0 30%, color-mix(in srgb, var(--a) 60%, #ffffff) 55%, color-mix(in srgb, var(--a) 70%, #000000) 85%, transparent 100%), linear-gradient(90deg, var(--a) 0 70%, transparent 70%) 0 calc(100% - 3px) / 100% 3px no-repeat, linear-gradient(#d5dde6, #d5dde6) 0 calc(100% - 3px) / 100% 3px no-repeat, linear-gradient(180deg, #ffffff, #eef2f6);
    color: var(--ink); border: 1px solid #c3ccd6; border-radius: 6px; padding: 0 10px 8px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.12);
}
.us-faslider-1 { --a: #2a8be0; --ink: #0b2e4d; }
.us-faslider-2 { --a: #f0b020; --ink: #4a3300; }
.us-faslider-3 { --a: #43a047; --ink: #14330a; }
.us-faslider-4 { --a: #7e57c2; --ink: #25124d; }
.us-faslider-5 { --a: #00a3b5; --ink: #033640; }
.us-fbcapsule {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, var(--a) 0 50%, color-mix(in srgb, var(--a) 55%, var(--b)) 50%);
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.55), 0 0 3px color-mix(in srgb, var(--a) 80%, #000000); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 999px; padding: 1px 14px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25), inset 0 0 0 1px rgba(255,255,255,0.3); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fbcapsule-1 { --a: #2a8de0; --b: #8fe3ff; }
.us-fbcapsule-2 { --a: #3a9d1c; --b: #c6ff8a; }
.us-fbcapsule-3 { --a: #e86f0c; --b: #ffd08a; }
.us-fbcapsule-4 { --a: #7438c9; --b: #d4b8ff; }
.us-fbcapsule-5 { --a: #5f6d7c; --b: #d6e0ea; }
.us-fbwand {
    background: radial-gradient(circle at 18% 28%, rgba(255,255,255,0.95) 0 2px, transparent 5px), linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.55)) padding-box, conic-gradient(from 0deg, var(--a), var(--b), #ffffff, var(--a)) border-box;
    color: var(--ink); border: 2px solid transparent; border-radius: 999px; padding: 0 13px; box-shadow: 0 2px 6px color-mix(in srgb, var(--a) 35%, transparent), inset 0 0 6px color-mix(in srgb, var(--b) 45%, transparent);
}
.us-fbwand-1 { --a: #5fcfff; --b: #ff8fe0; --ink: #0b3a5c; }
.us-fbwand-2 { --a: #5fe8b4; --b: #a594ff; --ink: #0d4030; }
.us-fbwand-3 { --a: #ffd23f; --b: #5fcfff; --ink: #5a4300; }
.us-fbwand-4 { --a: #ff8fbd; --b: #7fe8ff; --ink: #5c1236; }
.us-fbwand-5 { --a: #b49aff; --b: #7fffc4; --ink: #2e1a66; }
.us-fbtitlebar {
    background: radial-gradient(ellipse 7px 6px at calc(100% - 10px) 50%, #ff8a7a 0 45%, #c62828 80%, transparent 100%), linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.14) 45%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, transparent), color-mix(in srgb, var(--a) 85%, #000000));
    color: #ffffff; text-shadow: 0 0 6px rgba(0,0,0,0.65), 0 1px 1px rgba(0,0,0,0.6); border: 1px solid rgba(0,0,0,0.55); border-radius: 6px 6px 2px 2px; padding: 1px 26px 1px 10px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35), 0 0 8px color-mix(in srgb, var(--a) 50%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbtitlebar-1 { --a: #3a7bd5; }
.us-fbtitlebar-2 { --a: #0f9d58; }
.us-fbtitlebar-3 { --a: #5b3fa8; }
.us-fbtitlebar-4 { --a: #00838f; }
.us-fbtitlebar-5 { --a: #3b4a5a; }
.us-fbvalley {
    background: radial-gradient(circle at 82% 22%, rgba(255,255,255,0.95) 0 3px, rgba(255,255,255,0.4) 5px, transparent 10px), radial-gradient(ellipse 70% 70% at 0% 108%, var(--b) 0 60%, transparent 61%), radial-gradient(ellipse 70% 75% at 100% 112%, color-mix(in srgb, var(--b) 75%, #000000) 0 60%, transparent 61%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 40%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.75); border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.us-fbvalley-1 { --a: #3d9cf0; --b: #59c135; }
.us-fbvalley-2 { --a: #1e88e5; --b: #2e7d32; }
.us-fbvalley-3 { --a: #ffb74d; --b: #7cb342; }
.us-fbvalley-4 { --a: #90caf9; --b: #66bb6a; }
.us-fbvalley-5 { --a: #9575cd; --b: #9ccc65; }
.us-fbcaustic {
    background: repeating-radial-gradient(ellipse 9px 6px at 30% 40%, transparent 0 3px, rgba(255,255,255,0.32) 3.5px 4.5px, transparent 5px 7px), repeating-radial-gradient(ellipse 7px 5px at 75% 70%, transparent 0 2px, rgba(255,255,255,0.28) 2.5px 3.5px, transparent 4px 6px), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,40,80,0.7); border: 1px solid color-mix(in srgb, var(--b) 70%, #000000); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 2px 4px rgba(0,60,120,0.2);
}
.us-fbcaustic-1 { --a: #5ee0ff; --b: #0077b6; }
.us-fbcaustic-2 { --a: #8ff0ff; --b: #00a0b8; }
.us-fbcaustic-3 { --a: #6ff5cf; --b: #00897b; }
.us-fbcaustic-4 { --a: #4fc3f7; --b: #01579b; }
.us-fbcaustic-5 { --a: #c6f2ff; --b: #3d8fd0; }
.us-fbpetal {
    background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.15) 45%, rgba(255,255,255,0) 50%), linear-gradient(200deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 65%, #000000); border-radius: 999px 999px 999px 3px; padding: 1px 13px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fbpetal-1 { --a: #d81b60; --b: #ff9ec7; }
.us-fbpetal-2 { --a: #8e24aa; --b: #e1a8f0; }
.us-fbpetal-3 { --a: #1976d2; --b: #90d0ff; }
.us-fbpetal-4 { --a: #e67c00; --b: #ffd27a; }
.us-fbpetal-5 { --a: #00897b; --b: #90f0de; }
.us-fbstreak {
    background: linear-gradient(180deg, transparent 44%, rgba(255,255,255,0.95) 49% 51%, transparent 56%), radial-gradient(ellipse 35% 60% at 30% 50%, rgba(255,255,255,0.75), transparent 70%), radial-gradient(circle at 80% 30%, color-mix(in srgb, var(--b) 55%, transparent) 0 3px, transparent 5px), linear-gradient(115deg, var(--a), color-mix(in srgb, var(--a) 50%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid rgba(255,255,255,0.85); border-radius: 8px; box-shadow: 0 0 10px color-mix(in srgb, var(--a) 40%, transparent), inset 0 1px 0 rgba(255,255,255,0.7);
}
.us-fbstreak-1 { --a: #ffb300; --b: #ffffff; --ink: #4a2c00; }
.us-fbstreak-2 { --a: #1e88e5; --b: #c8f0ff; --ink: #06213d; }
.us-fbstreak-3 { --a: #13a35a; --b: #d8ffe8; --ink: #05301a; }
.us-fbstreak-4 { --a: #d81b8c; --b: #ffd6f0; --ink: #3d0626; }
.us-fbstreak-5 { --a: #00b8d4; --b: #e0fbff; --ink: #023540; }
.us-fbtwinswoosh {
    background: radial-gradient(ellipse 120% 80% at 30% 120%, transparent 50%, var(--b) 55%, transparent 62%), radial-gradient(ellipse 120% 80% at 70% -20%, transparent 50%, color-mix(in srgb, var(--c) 85%, transparent) 55%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff) -60%, var(--a) 50%, color-mix(in srgb, var(--a) 55%, #000000));
    color: #ffffff; text-shadow: 0 0 6px color-mix(in srgb, var(--b) 70%, transparent), 0 1px 1px rgba(0,0,0,0.5); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbtwinswoosh-1 { --a: #0b3d6b; --b: #5fffc8; --c: #7fb8ff; }
.us-fbtwinswoosh-2 { --a: #06345e; --b: #4fd2ff; --c: #9bffea; }
.us-fbtwinswoosh-3 { --a: #0b4d2c; --b: #a0ff7a; --c: #ffe66b; }
.us-fbtwinswoosh-4 { --a: #2a0b5e; --b: #c08bff; --c: #ff8fe0; }
.us-fbtwinswoosh-5 { --a: #5e1a0b; --b: #ffb36b; --c: #ff6b8a; }
.us-fbfacet {
    background: conic-gradient(from 45deg at 50% 50%, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 30%, #ffffff), rgba(255,255,255,0.9), color-mix(in srgb, var(--b) 35%, #ffffff), rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 40%, #ffffff), rgba(255,255,255,0.95));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; outline: 1px solid color-mix(in srgb, var(--a) 55%, transparent); border-radius: 3px;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--a) 30%, transparent), inset 0 0 0 1px rgba(255,255,255,0.6);
}
.us-fbfacet-1 { --a: #8fd0ff; --b: #d0b8ff; --ink: #0b3050; }
.us-fbfacet-2 { --a: #f48fb1; --b: #ffcc80; --ink: #4a1028; }
.us-fbfacet-3 { --a: #66bb6a; --b: #4dd0e1; --ink: #14330a; }
.us-fbfacet-4 { --a: #ffb74d; --b: #fff176; --ink: #4a2600; }
.us-fbfacet-5 { --a: #5c6bc0; --b: #b388ff; --ink: #141c4d; }
.us-fbsoda {
    background: radial-gradient(circle at 20% 60%, color-mix(in srgb, var(--a) 70%, #ffffff) 0 1.2px, transparent 1.8px), radial-gradient(circle at 45% 30%, rgba(255,255,255,0.95) 0 1px, transparent 1.6px), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--a) 60%, #ffffff) 0 1.5px, transparent 2.1px), radial-gradient(circle at 90% 40%, rgba(255,255,255,0.95) 0 1px, transparent 1.6px), linear-gradient(180deg, color-mix(in srgb, var(--a) 25%, #ffffff), color-mix(in srgb, var(--a) 70%, #ffffff));
    background-size: 30px 20px, 30px 20px, 30px 20px, 30px 20px, 100% 100%; color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 10px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 45%, transparent), inset 0 1px 0 #ffffff, 0 2px 4px color-mix(in srgb, var(--a) 30%, transparent); animation: us-rise 2.4s linear infinite;
}
.us-fbsoda-1 { --a: #e6d200; --ink: #4a4000; }
.us-fbsoda-2 { --a: #7cc42a; --ink: #24400f; }
.us-fbsoda-3 { --a: #ff9a2a; --ink: #4a2600; }
.us-fbsoda-4 { --a: #e0508a; --ink: #4a0f2a; }
.us-fbsoda-5 { --a: #3aa8f0; --ink: #0b3050; }
.us-fbpearl {
    background: radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255,255,255,0.95) 0 58%, transparent 61%), radial-gradient(ellipse at 50% 125%, color-mix(in srgb, var(--a) 70%, transparent) 0%, transparent 65%), radial-gradient(circle at 50% 50%, #ffffff, color-mix(in srgb, var(--a) 30%, #ffffff));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.8); border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-radius: 999px; padding: 1px 13px;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.6), 0 2px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fbpearl-1 { --a: #3d8fe0; --ink: #0b2e4d; }
.us-fbpearl-2 { --a: #3aa04a; --ink: #14330a; }
.us-fbpearl-3 { --a: #ff8a5a; --ink: #4a1c0b; }
.us-fbpearl-4 { --a: #e0508a; --ink: #4a0f2a; }
.us-fbpearl-5 { --a: #8a6ae0; --ink: #25124d; }
.us-fbstacked {
    background: linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 22%, #ffffff)); color: var(--ink); border: 1px solid #ffffff; border-radius: 8px; margin-right: 6px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 40%, transparent), 4px 4px 0 -1px color-mix(in srgb, var(--a) 18%, #ffffff), 4px 4px 0 0 color-mix(in srgb, var(--a) 40%, transparent), 4px 6px 10px color-mix(in srgb, var(--a) 25%, transparent);
}
.us-fbstacked-1 { --a: #42a5f5; --ink: #0d3050; }
.us-fbstacked-2 { --a: #26c6a2; --ink: #08402f; }
.us-fbstacked-3 { --a: #8bc34a; --ink: #24400f; }
.us-fbstacked-4 { --a: #ff8a65; --ink: #4a1c0b; }
.us-fbstacked-5 { --a: #7e57c2; --ink: #25124d; }
.us-fbdewbeads {
    background: radial-gradient(circle 2.5px at 50% 50%, rgba(255,255,255,0.95) 0 30%, rgba(255,255,255,0.4) 50%, color-mix(in srgb, var(--a) 60%, #000000) 90%, transparent 100%) 3px calc(100% - 1px) / 9px 6px repeat-x, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 10px; padding: 1px 12px 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fbdewbeads-1 { --a: #2e8b2e; --b: #8ee06a; }
.us-fbdewbeads-2 { --a: #d81b60; --b: #ff9ec7; }
.us-fbdewbeads-3 { --a: #1976d2; --b: #8fd0ff; }
.us-fbdewbeads-4 { --a: #d69a00; --b: #ffe680; }
.us-fbdewbeads-5 { --a: #00897b; --b: #7ff0de; }
.us-fbstatus {
    background: radial-gradient(circle 4px at 11px 50%, #ffffff 0 20%, var(--a) 45% 85%, transparent 100%), linear-gradient(90deg, var(--a), var(--b)) top / 100% 2px no-repeat, linear-gradient(180deg, #ffffff 0%, #f0f6fa 50%, #e3edf3 51%, #ffffff 100%);
    color: var(--ink); border: 1px solid #c7d6e0; border-radius: 999px; padding: 1px 13px 1px 22px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff, 0 0 6px color-mix(in srgb, var(--a) 25%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbstatus-1 { --a: #4cd137; --b: #00a8e8; --ink: #1d4a0b; }
.us-fbstatus-2 { --a: #00a8ff; --b: #0072ff; --ink: #08325c; }
.us-fbstatus-3 { --a: #ffb300; --b: #f7971e; --ink: #4a3300; }
.us-fbstatus-4 { --a: #2ee6a8; --b: #43c6ac; --ink: #0d4030; }
.us-fbstatus-5 { --a: #ff6fa8; --b: #a18cd1; --ink: #4a1a3d; }
.us-fbsundisc {
    background: radial-gradient(circle 6px at calc(100% - 11px) 45%, #ffffff 0 40%, var(--b) 60%, transparent 100%), radial-gradient(circle 16px at calc(100% - 11px) 45%, color-mix(in srgb, var(--b) 55%, transparent), transparent 100%), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 45%, #ffffff));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.6); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 999px; padding: 1px 26px 1px 13px; box-shadow: 0 2px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fbsundisc-1 { --a: #7ec8ff; --b: #fff176; --ink: #0d2e4d; }
.us-fbsundisc-2 { --a: #ffcc80; --b: #fff59d; --ink: #4a2600; }
.us-fbsundisc-3 { --a: #f8a5c2; --b: #fff1a3; --ink: #4a1028; }
.us-fbsundisc-4 { --a: #8ee7c9; --b: #fffbc4; --ink: #0d4030; }
.us-fbsundisc-5 { --a: #b8a4f0; --b: #ffe0a3; --ink: #2a1a5c; }
.us-fbbrushed {
    background: radial-gradient(circle 4px at 10px 50%, #ffffff 0 15%, color-mix(in srgb, var(--a) 70%, #ffffff) 35%, var(--a) 70%, color-mix(in srgb, var(--a) 60%, #000000) 95%, transparent 100%), repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.04) 1px 2px, rgba(255,255,255,0.25) 2px 3px), linear-gradient(180deg, #f1f3f6, #c9d0d8);
    color: #3a4350; text-shadow: 0 1px 0 #ffffff; border: 1px solid #9aa5b2; border-radius: 6px; padding: 1px 10px 1px 20px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.15); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fbbrushed-1 { --a: #2a8de0; }
.us-fbbrushed-2 { --a: #3a9d1c; }
.us-fbbrushed-3 { --a: #d32f4f; }
.us-fbbrushed-4 { --a: #f0a000; }
.us-fbbrushed-5 { --a: #7438c9; }
.us-fbcloudbank {
    background: radial-gradient(circle 8px at 10% 100%, #ffffff 0 95%, transparent), radial-gradient(circle 10px at 32% 108%, #ffffff 0 95%, transparent), radial-gradient(circle 7px at 52% 100%, #ffffff 0 95%, transparent), radial-gradient(circle 11px at 76% 110%, #ffffff 0 95%, transparent), radial-gradient(circle 8px at 96% 102%, #ffffff 0 95%, transparent), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid rgba(255,255,255,0.85); border-radius: 10px; padding: 1px 11px 3px; box-shadow: 0 2px 5px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fbcloudbank-1 { --a: #4aa8f0; --b: #bfe4ff; --ink: #0b2e55; }
.us-fbcloudbank-2 { --a: #2f86e0; --b: #9fd6ff; --ink: #06213d; }
.us-fbcloudbank-3 { --a: #f6a5d0; --b: #e4f0ff; --ink: #4a1036; }
.us-fbcloudbank-4 { --a: #5ed6c0; --b: #e0fff7; --ink: #0b3d33; }
.us-fbcloudbank-5 { --a: #7a6fe0; --b: #ffcfb0; --ink: #1e1450; }
.us-fbdockitem {
    background: linear-gradient(90deg, transparent 15%, var(--a) 35% 65%, transparent 85%) bottom / 100% 2px no-repeat, radial-gradient(ellipse 50% 70% at 50% 120%, color-mix(in srgb, var(--a) 55%, transparent), transparent 75%), linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.08) 50%, rgba(0,0,0,0.15) 51%), #18212b;
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.8); border: 1px solid rgba(0,0,0,0.7); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.22), 0 0 6px color-mix(in srgb, var(--a) 30%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbdockitem-1 { --a: #29d3ff; }
.us-fbdockitem-2 { --a: #5cff6e; }
.us-fbdockitem-3 { --a: #ffb02e; }
.us-fbdockitem-4 { --a: #ff5cc8; }
.us-fbdockitem-5 { --a: #a77bff; }
.us-fbtank {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0 2px, transparent 2px), conic-gradient(from 160deg at 50% -20%, transparent 0deg, rgba(255,255,255,0.25) 10deg 30deg, transparent 40deg), radial-gradient(ellipse 4px 9px at 12% 100%, var(--c) 0 90%, transparent), radial-gradient(ellipse 3px 7px at 20% 100%, var(--c) 0 90%, transparent), radial-gradient(ellipse 4px 8px at 88% 100%, var(--c) 0 90%, transparent), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,30,60,0.75); border: 2px solid rgba(255,255,255,0.8); border-radius: 6px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 60%, #000000), 0 2px 5px rgba(0,0,0,0.2);
}
.us-fbtank-1 { --a: #4fd8ff; --b: #0288d1; --c: #4caf50; }
.us-fbtank-2 { --a: #5ef0d0; --b: #00796b; --c: #8bc34a; }
.us-fbtank-3 { --a: #3f6fe0; --b: #0d1b52; --c: #26a69a; }
.us-fbtank-4 { --a: #7fd8a8; --b: #2e6b4f; --c: #c0ca33; }
.us-fbtank-5 { --a: #9ff3ff; --b: #1e90c8; --c: #ff8a80; }
.us-fbsash {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(115deg, transparent 0 30%, var(--a) 30% 46%, var(--b) 46% 54%, transparent 54%), linear-gradient(180deg, #ffffff, #eef5fb);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 8px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 2px 6px rgba(0,0,0,0.15);
}
.us-fbsash-1 { --a: #7ed321; --b: #4aa8f0; --ink: #0d2e14; }
.us-fbsash-2 { --a: #00b4d8; --b: #0077b6; --ink: #04263b; }
.us-fbsash-3 { --a: #ffd23f; --b: #ff8c42; --ink: #4a2a00; }
.us-fbsash-4 { --a: #ff5c9d; --b: #9d5cff; --ink: #3d0a2b; }
.us-fbsash-5 { --a: #3ddc97; --b: #7fe3ff; --ink: #0b3d27; }
.us-fbtaskpane {
    background: linear-gradient(90deg, #ffffff 0%, color-mix(in srgb, var(--a) 30%, #ffffff) 100%);
    color: color-mix(in srgb, var(--a) 55%, #000000); font-weight: 800; border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-bottom: 2px solid var(--a); border-radius: 6px 6px 0 0; padding: 1px 12px;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.15); font-family: Tahoma, 'Segoe UI', sans-serif;
}
.us-fbtaskpane-1 { --a: #2459c8; }
.us-fbtaskpane-2 { --a: #6b8a2c; }
.us-fbtaskpane-3 { --a: #7a8496; }
.us-fbtaskpane-4 { --a: #3a6ea5; }
.us-fbtaskpane-5 { --a: #d9622b; }
.us-fbtray {
    background: linear-gradient(90deg, rgba(0,0,0,0.25) 0 1px, rgba(255,255,255,0.45) 1px 2px, transparent 2px), linear-gradient(180deg, color-mix(in srgb, var(--a) 45%, #ffffff) 0%, color-mix(in srgb, var(--a) 70%, #ffffff) 12%, color-mix(in srgb, var(--a) 85%, #ffffff) 50%, color-mix(in srgb, var(--a) 70%, #ffffff) 88%, var(--a) 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 0 3px 3px 0; padding: 1px 12px; border-top: 1px solid color-mix(in srgb, var(--a) 30%, #ffffff); box-shadow: 0 1px 2px rgba(0,0,0,0.3); font-family: Tahoma, 'Segoe UI', sans-serif;
}
.us-fbtray-1 { --a: #0f8fd8; }
.us-fbtray-2 { --a: #8aa65a; }
.us-fbtray-3 { --a: #9aa1ae; }
.us-fbtray-4 { --a: #4a86c5; }
.us-fbtray-5 { --a: #4a4a4a; }
.us-fbgauge {
    background: radial-gradient(circle 14px at 12px 50%, color-mix(in srgb, var(--a) 45%, transparent), transparent 100%), linear-gradient(180deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.07) 50%, transparent 51%), linear-gradient(180deg, #1d2a3a, #0a1018);
    color: #ffffff; text-shadow: 0 0 6px color-mix(in srgb, var(--a) 80%, transparent), 0 1px 1px rgba(0,0,0,0.6); border: 1px solid color-mix(in srgb, var(--a) 45%, #000000); border-radius: 999px; padding: 1px 12px 1px 25px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15), 0 2px 5px rgba(0,0,0,0.35); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbgauge::before { content: ''; position: absolute; left: 6px; top: 50%; width: 13px; height: 13px; margin-top: -6.5px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, #121820 0 3px, transparent 3.5px), conic-gradient(from 225deg, var(--a) 0deg 190deg, rgba(255,255,255,0.18) 190deg 270deg, transparent 270deg); box-shadow: 0 0 5px color-mix(in srgb, var(--a) 60%, transparent); }
.us-fbgauge-1 { --a: #8dff8a; }
.us-fbgauge-2 { --a: #7fd4ff; }
.us-fbgauge-3 { --a: #ffd36b; }
.us-fbgauge-4 { --a: #ff8a6b; }
.us-fbgauge-5 { --a: #d49aff; }
.us-fbmenububble {
    background: linear-gradient(180deg, #ffffff 0%, #f4f7fa 50%, #e8edf2 100%); color: var(--ink); border: 2px solid color-mix(in srgb, var(--a) 70%, #ffffff); border-radius: 999px; padding: 0 14px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px color-mix(in srgb, var(--a) 35%, transparent), 0 0 10px color-mix(in srgb, var(--a) 55%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbmenububble-1 { --a: #34bdf0; --ink: #1a4d66; }
.us-fbmenububble-2 { --a: #a8b3bd; --ink: #3d4650; }
.us-fbmenububble-3 { --a: #2ec4c4; --ink: #0d4545; }
.us-fbmenububble-4 { --a: #6fd16f; --ink: #1f4d1f; }
.us-fbmenububble-5 { --a: #ffaa33; --ink: #5c3500; }
.us-fbvisualizer {
    background: radial-gradient(ellipse 160% 60% at 30% -30%, transparent 55%, rgba(255,255,255,0.45) 57%, transparent 60%), repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 3px, transparent 3px 5px) 0 100% / 100% 35% no-repeat, repeating-linear-gradient(90deg, rgba(255,255,255,0.2) 0 3px, transparent 3px 10px) 0 100% / 100% 60% no-repeat, linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); font-family: 'Segoe UI', system-ui, sans-serif; letter-spacing: 0.02em;
}
.us-fbvisualizer-1 { --a: #7ccf5a; --b: #2d7a2b; }
.us-fbvisualizer-2 { --a: #4b8fe0; --b: #1c3f8a; }
.us-fbvisualizer-3 { --a: #46d0d6; --b: #127a8a; }
.us-fbvisualizer-4 { --a: #e8b44a; --b: #9a5a12; }
.us-fbvisualizer-5 { --a: #a77be0; --b: #4b2a8a; }
.us-fbhubtile {
    background: linear-gradient(180deg, transparent calc(100% - 3px), color-mix(in srgb, var(--a) 60%, #000000) calc(100% - 3px)), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(135deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 2px; padding: 2px 14px 3px; font-family: 'Segoe UI', system-ui, sans-serif; font-weight: 800; box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.us-fbhubtile-1 { --a: #4cb51b; }
.us-fbhubtile-2 { --a: #e0387f; }
.us-fbhubtile-3 { --a: #1f8be0; }
.us-fbhubtile-4 { --a: #7a8693; }
.us-fbhubtile-5 { --a: #f2861b; }
.us-fbclickwheel {
    background: radial-gradient(circle 3px at 12px 50%, #ffffff 0 90%, transparent 100%), radial-gradient(circle 7px at 12px 50%, color-mix(in srgb, var(--a) 25%, #dfe4ea) 0 90%, transparent 100%), linear-gradient(180deg, #ffffff 0%, #f1f3f6 50%, #e3e7ec 51%, #f7f8fa 100%);
    color: var(--a); border: 1px solid color-mix(in srgb, var(--a) 35%, #c9d0d8); border-radius: 10px; padding: 1px 12px 1px 24px;
    box-shadow: inset 0 0 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.18); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fbclickwheel-1 { --a: #3a4a5a; }
.us-fbclickwheel-2 { --a: #3478c6; }
.us-fbclickwheel-3 { --a: #5fa300; }
.us-fbclickwheel-4 { --a: #d6338a; }
.us-fbclickwheel-5 { --a: #c88a12; }
.us-fbpiano {
    background: linear-gradient(90deg, transparent 8%, var(--a) 50%, transparent 92%) 0 calc(100% - 2px) / 100% 1px no-repeat, linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.05) 49%, transparent 50%), linear-gradient(180deg, #23262d, #07080b);
    color: #ffffff; text-shadow: 0 0 6px color-mix(in srgb, var(--a) 80%, transparent); border: 1px solid #000000; border-radius: 4px; padding: 1px 12px 3px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18), 0 2px 5px rgba(0,0,0,0.4), 0 3px 8px -4px color-mix(in srgb, var(--a) 80%, transparent);
}
.us-fbpiano-1 { --a: #2fa8ff; }
.us-fbpiano-2 { --a: #3fe07a; }
.us-fbpiano-3 { --a: #ff3f5a; }
.us-fbpiano-4 { --a: #ffc23f; }
.us-fbpiano-5 { --a: #a66bff; }
.us-fbribbongroup {
    background: linear-gradient(180deg, transparent calc(100% - 5px), color-mix(in srgb, var(--a) 40%, #ffffff) calc(100% - 5px)), linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--a) 12%, #ffffff) 49%, color-mix(in srgb, var(--a) 22%, #ffffff) 50%, color-mix(in srgb, var(--a) 10%, #ffffff) 100%);
    color: color-mix(in srgb, var(--a) 60%, #000000); border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-radius: 4px; padding: 1px 11px 6px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px rgba(0,0,0,0.12); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbribbongroup-1 { --a: #2a6fd6; }
.us-fbribbongroup-2 { --a: #2e9a4a; }
.us-fbribbongroup-3 { --a: #e0661a; }
.us-fbribbongroup-4 { --a: #8a3ab8; }
.us-fbribbongroup-5 { --a: #0a8aa0; }
.us-fbmarquee {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), repeating-linear-gradient(-45deg, rgba(255,255,255,0.35) 0 6px, transparent 6px 12px) 0 0 / 220% 100%, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 999px; padding: 1px 13px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.25); animation: us-progress 4s linear infinite;
}
.us-fbmarquee-1 { --a: #2fb52f; }
.us-fbmarquee-2 { --a: #1e88e5; }
.us-fbmarquee-3 { --a: #e6a000; }
.us-fbmarquee-4 { --a: #00a3a3; }
.us-fbmarquee-5 { --a: #7a3ad6; }
.us-fbaddress {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) calc(100% - 2px) 50% / 16px calc(100% - 4px) no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) calc(100% - 2px) 50% / 16px calc(100% - 4px) no-repeat, linear-gradient(180deg, #f3f6f9, #ffffff 40%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 55%, #ffffff); border-radius: 4px; padding: 1px 24px 1px 8px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 0 0 2px color-mix(in srgb, var(--a) 18%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbaddress-1 { --a: #3d9be9; --ink: #1a3a5c; }
.us-fbaddress-2 { --a: #4cc35a; --ink: #1a4a20; }
.us-fbaddress-3 { --a: #ff9a3c; --ink: #5a3000; }
.us-fbaddress-4 { --a: #ff6fb5; --ink: #5a1236; }
.us-fbaddress-5 { --a: #9b74ff; --ink: #2e1a66; }
.us-fbdocktab {
    background: linear-gradient(180deg, var(--a) 0 3px, transparent 3px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 25%, #ffffff), color-mix(in srgb, var(--a) 55%, #ffffff));
    color: color-mix(in srgb, var(--a) 40%, #000000); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-top-color: transparent; border-radius: 0 0 9px 9px; padding: 3px 14px 1px;
    box-shadow: inset 0 -1px 0 #ffffff, 0 2px 4px color-mix(in srgb, var(--a) 25%, transparent);
}
.us-fbdocktab-1 { --a: #4a90e2; }
.us-fbdocktab-2 { --a: #3fc7a0; }
.us-fbdocktab-3 { --a: #ff9a6b; }
.us-fbdocktab-4 { --a: #a68bf0; }
.us-fbdocktab-5 { --a: #e6be1a; }
.us-fbtooltip {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, var(--a)); color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #555555); border-radius: 6px; margin-left: 8px;
    box-shadow: 2px 3px 5px rgba(0,0,0,0.25); font-family: 'Segoe UI', Tahoma, sans-serif;
}
.us-fbtooltip::after { content: ''; position: absolute; left: -5px; top: 50%; width: 8px; height: 8px; margin-top: -4px; background: color-mix(in srgb, var(--a) 50%, #ffffff); border-left: 1px solid color-mix(in srgb, var(--a) 40%, #555555); border-bottom: 1px solid color-mix(in srgb, var(--a) 40%, #555555); transform: rotate(45deg); }
.us-fbtooltip-1 { --a: #cfe6ff; --ink: #14304f; }
.us-fbtooltip-2 { --a: #fff6c8; --ink: #333333; }
.us-fbtooltip-3 { --a: #d6f5cf; --ink: #1d4a14; }
.us-fbtooltip-4 { --a: #e8deff; --ink: #2a1a5c; }
.us-fbtooltip-5 { --a: #ffe0cc; --ink: #4a1f0d; }
.us-fbflowers {
    background: radial-gradient(circle at 15% 82%, var(--c) 0 1.5px, transparent 2px), radial-gradient(circle at 38% 90%, #ffffff 0 1.5px, transparent 2px), radial-gradient(circle at 62% 80%, var(--c) 0 1.5px, transparent 2px), radial-gradient(circle at 86% 88%, #ffffff 0 1.5px, transparent 2px), radial-gradient(ellipse 120% 60% at 50% 112%, var(--b) 0 60%, transparent 61%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 45%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 11px 4px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}
.us-fbflowers-1 { --a: #4aa8f0; --b: #4caf3a; --c: #fff176; }
.us-fbflowers-2 { --a: #6ec6ff; --b: #3d8a2e; --c: #ff5a5a; }
.us-fbflowers-3 { --a: #8fd3ff; --b: #6ab83a; --c: #7a8aff; }
.us-fbflowers-4 { --a: #ff9e7a; --b: #3d7a2e; --c: #ffe08a; }
.us-fbflowers-5 { --a: #b39ddb; --b: #7cb342; --c: #e1bee7; }
.us-fbisland {
    background: radial-gradient(ellipse 5px 4px at calc(100% - 8px) 58%, var(--c) 0 90%, transparent), radial-gradient(ellipse 30% 14% at 22% 70%, rgba(255,255,255,0.5), transparent 70%), linear-gradient(180deg, var(--a) 0 56%, var(--b) 56% 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fbisland-1 { --a: #7cc8ff; --b: #0a76c4; --c: #43a047; }
.us-fbisland-2 { --a: #a8e6ff; --b: #00a6a6; --c: #f3d9a4; }
.us-fbisland-3 { --a: #ffc46b; --b: #2b6aa8; --c: #5a3a1a; }
.us-fbisland-4 { --a: #b8f0e0; --b: #2a9d8f; --c: #2e7d32; }
.us-fbisland-5 { --a: #b39ddb; --b: #283593; --c: #1a1a3a; }
.us-fbrainstreak {
    background: linear-gradient(160deg, transparent 0 40%, rgba(255,90,90,0.75) 40% 44%, rgba(255,179,71,0.75) 44% 48%, rgba(255,230,107,0.75) 48% 52%, rgba(126,217,87,0.75) 52% 56%, rgba(79,195,247,0.75) 56% 60%, rgba(149,117,205,0.75) 60% 64%, transparent 64%), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 10px; border: 1px solid rgba(255,255,255,0.85); box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-fbrainstreak-1 { --a: #7cc8ff; --b: #e0f4ff; --ink: #0d2e4d; }
.us-fbrainstreak-2 { --a: #9fb8c8; --b: #eef5f8; --ink: #1f3340; }
.us-fbrainstreak-3 { --a: #ffd36b; --b: #fff7d6; --ink: #4a3300; }
.us-fbrainstreak-4 { --a: #f8c4e4; --b: #f0f8ff; --ink: #4a1a3d; }
.us-fbrainstreak-5 { --a: #8fe8d0; --b: #f0fffa; --ink: #0d3d33; }
.us-fbskybeams {
    background: repeating-conic-gradient(from 150deg at 50% -40%, rgba(255,255,255,0.45) 0 3deg, transparent 3deg 9deg), radial-gradient(ellipse 60% 70% at 50% 0%, rgba(255,255,255,0.8), transparent 70%), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.7); border-radius: 8px; border: 1px solid rgba(255,255,255,0.85);
}
.us-fbskybeams-1 { --a: #9fd8ff; --b: #3d8fe0; --ink: #06213d; }
.us-fbskybeams-2 { --a: #ffe08a; --b: #f0a030; --ink: #4a2c00; }
.us-fbskybeams-3 { --a: #c4f0a0; --b: #4c9a3a; --ink: #14330a; }
.us-fbskybeams-4 { --a: #ffd0e4; --b: #e05a98; --ink: #4a0f2a; }
.us-fbskybeams-5 { --a: #c4f8ff; --b: #1fb6c8; --ink: #033640; }
.us-fbdaisy {
    background: radial-gradient(circle 2px at 9px 50%, var(--b) 0 90%, transparent), radial-gradient(circle 5px at 9px 50%, #ffffff 0 90%, transparent), radial-gradient(circle 2px at calc(100% - 9px) 50%, var(--b) 0 90%, transparent), radial-gradient(circle 5px at calc(100% - 9px) 50%, #ffffff 0 90%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 999px; padding: 1px 20px;
}
.us-fbdaisy-1 { --a: #8bc34a; --b: #ffd23f; --ink: #24400f; }
.us-fbdaisy-2 { --a: #64b5f6; --b: #ffd23f; --ink: #0b2e4d; }
.us-fbdaisy-3 { --a: #f48fb1; --b: #ffca28; --ink: #4a1028; }
.us-fbdaisy-4 { --a: #b39ddb; --b: #ffe082; --ink: #2a1a5c; }
.us-fbdaisy-5 { --a: #80cbc4; --b: #ffb74d; --ink: #0d3d33; }
.us-fbsurf {
    background: radial-gradient(circle 7px at 50% 100%, var(--b) 0 70%, rgba(255,255,255,0.9) 72% 82%, transparent 84%) 0 100% / 14px 8px repeat-x, linear-gradient(180deg, transparent calc(100% - 3px), var(--b) calc(100% - 3px)), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 40%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 1px 11px 6px; border: 1px solid rgba(255,255,255,0.8);
}
.us-fbsurf-1 { --a: #7cd0ff; --b: #0a80c8; }
.us-fbsurf-2 { --a: #a8f0e8; --b: #11998e; }
.us-fbsurf-3 { --a: #ffc08a; --b: #2266aa; }
.us-fbsurf-4 { --a: #5a9be0; --b: #0b3d91; }
.us-fbsurf-5 { --a: #4fc8e0; --b: #0a6f9a; }
.us-fbpuddle {
    background: radial-gradient(circle at 20% 40%, transparent 0 2px, rgba(255,255,255,0.4) 2px 3px, transparent 3px 5px, rgba(255,255,255,0.25) 5px 6px, transparent 6px), radial-gradient(circle at 55% 70%, transparent 0 3px, rgba(255,255,255,0.4) 3px 4px, transparent 4px 7px, rgba(255,255,255,0.22) 7px 8px, transparent 8px), radial-gradient(circle at 85% 35%, transparent 0 1.5px, rgba(255,255,255,0.4) 1.5px 2.5px, transparent 2.5px), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.18);
}
.us-fbpuddle-1 { --a: #6f9fc8; --b: #2a4a6a; }
.us-fbpuddle-2 { --a: #7cc87c; --b: #2a6a3a; }
.us-fbpuddle-3 { --a: #6fc8ff; --b: #1563a8; }
.us-fbpuddle-4 { --a: #f0a070; --b: #7a3a60; }
.us-fbpuddle-5 { --a: #7a8ad8; --b: #1e2a6a; }
.us-fbmisted {
    background: linear-gradient(100deg, rgba(255,255,255,0.5) 0 66%, transparent 70% 82%, rgba(255,255,255,0.5) 86%), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: color-mix(in srgb, var(--a) 45%, #000000); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000);
}
.us-fbmisted-1 { --a: #3a86d6; }
.us-fbmisted-2 { --a: #2a9d6a; }
.us-fbmisted-3 { --a: #5f7387; }
.us-fbmisted-4 { --a: #7a5ad6; }
.us-fbmisted-5 { --a: #16a0a8; }
.us-fbfrostcorner {
    background: repeating-linear-gradient(45deg, rgba(255,255,255,0.9) 0 1px, transparent 1px 3px) 0 0 / 10px 10px no-repeat, repeating-linear-gradient(-45deg, rgba(255,255,255,0.9) 0 1px, transparent 1px 3px) 100% 100% / 10px 10px no-repeat, radial-gradient(circle at 0 0, #ffffff 0 4px, transparent 12px), radial-gradient(circle at 100% 100%, #ffffff 0 4px, transparent 12px), linear-gradient(180deg, color-mix(in srgb, var(--a) 20%, #ffffff), color-mix(in srgb, var(--a) 45%, #ffffff));
    color: var(--ink); border: 1px solid #ffffff; border-radius: 5px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 45%, transparent), inset 0 0 6px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fbfrostcorner-1 { --a: #7fd8ff; --ink: #0b3050; }
.us-fbfrostcorner-2 { --a: #7fffd4; --ink: #0d4030; }
.us-fbfrostcorner-3 { --a: #ff9ed8; --ink: #5c1236; }
.us-fbfrostcorner-4 { --a: #fff07a; --ink: #4a4000; }
.us-fbfrostcorner-5 { --a: #c4a8ff; --ink: #2e1a66; }
.us-fbsnowcap {
    background: radial-gradient(circle 5px at 50% 0, #ffffff 0 90%, transparent 100%) 0 0 / 10px 7px repeat-x, linear-gradient(180deg, #ffffff 0 3px, transparent 3px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 5px 12px 1px; border: 1px solid color-mix(in srgb, var(--a) 50%, #000000); box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.us-fbsnowcap-1 { --a: #4a8fe0; }
.us-fbsnowcap-2 { --a: #2e8b57; }
.us-fbsnowcap-3 { --a: #c62f3a; }
.us-fbsnowcap-4 { --a: #283f8a; }
.us-fbsnowcap-5 { --a: #8f7ad6; }
.us-fbdappled {
    background: radial-gradient(ellipse 5px 3px at 14% 30%, rgba(255,255,220,0.65), transparent), radial-gradient(ellipse 7px 4px at 36% 72%, rgba(255,255,220,0.55), transparent), radial-gradient(ellipse 4px 3px at 58% 26%, rgba(255,255,220,0.6), transparent), radial-gradient(ellipse 6px 4px at 80% 66%, rgba(255,255,220,0.55), transparent), radial-gradient(ellipse 4px 2px at 94% 24%, rgba(255,255,220,0.6), transparent), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fbdappled-1 { --a: #7ccf5a; --b: #1f5a2a; }
.us-fbdappled-2 { --a: #8fbf9f; --b: #2a4a3a; }
.us-fbdappled-3 { --a: #e0a050; --b: #6a3a14; }
.us-fbdappled-4 { --a: #8aa8f0; --b: #2a3a7a; }
.us-fbdappled-5 { --a: #5ad08a; --b: #0b4a2a; }
.us-fbplanet {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a) 60%, color-mix(in srgb, var(--a) 60%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 14px; margin: 0 8px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: 0 2px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fbplanet::after { content: ''; position: absolute; left: -6px; right: -6px; top: 32%; bottom: 18%; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--a) 35%, #ffffff); transform: rotate(-6deg); z-index: -1; pointer-events: none; }
.us-fbplanet-1 { --a: #2a8be0; }
.us-fbplanet-2 { --a: #d9822b; }
.us-fbplanet-3 { --a: #1f9a8a; }
.us-fbplanet-4 { --a: #c83a7a; }
.us-fbplanet-5 { --a: #6a4ac8; }
.us-fbfern {
    background: radial-gradient(ellipse 4px 3px at 50% 0, rgba(255,255,255,0.35) 0 90%, transparent) 0 0 / 8px 100% repeat-x, radial-gradient(ellipse 4px 3px at 50% 100%, rgba(255,255,255,0.35) 0 90%, transparent) 4px 0 / 8px 100% repeat-x, linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)) 0 50% / 100% 1px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px 4px 999px 4px; padding: 1px 14px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000);
}
.us-fbfern-1 { --a: #4caf3a; }
.us-fbfern-2 { --a: #7cb800; }
.us-fbfern-3 { --a: #1f9a8a; }
.us-fbfern-4 { --a: #c4602b; }
.us-fbfern-5 { --a: #3a6a3a; }
.us-fbmat {
    background: repeating-linear-gradient(180deg, rgba(255,255,255,0.35) 0 1px, transparent 1px 4px, rgba(0,0,0,0.12) 4px 5px), repeating-linear-gradient(90deg, transparent 0 18px, rgba(0,0,0,0.15) 18px 19px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 4px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.us-fbmat-1 { --a: #6ab84a; }
.us-fbmat-2 { --a: #c8a05a; }
.us-fbmat-3 { --a: #2e9a6a; }
.us-fbmat-4 { --a: #d6a020; }
.us-fbmat-5 { --a: #4a5a3a; }
.us-fbcloudtext {
    background: radial-gradient(ellipse 7px 3px at 25% 35%, rgba(255,255,255,0.6) 0 70%, transparent), radial-gradient(ellipse 9px 3px at 70% 40%, rgba(255,255,255,0.55) 0 70%, transparent), linear-gradient(180deg, var(--a), var(--b)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b);
    filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 1px 2px color-mix(in srgb, var(--b) 60%, transparent)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fbcloudtext-1 { --a: #5ec8ff; --b: #0a5fb0; }
.us-fbcloudtext-2 { --a: #ffc46b; --b: #e0507a; }
.us-fbcloudtext-3 { --a: #9be36a; --b: #1f8a3a; }
.us-fbcloudtext-4 { --a: #6ff0e0; --b: #0a7a9a; }
.us-fbcloudtext-5 { --a: #c49aff; --b: #3a2a9a; }
.us-fbchromerim {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) padding-box, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) padding-box, linear-gradient(180deg, #ffffff 0%, #c7ced6 35%, #6f7a86 50%, #b8c0c9 62%, #ffffff 100%) border-box;
    border: 3px solid transparent; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 0 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.us-fbchromerim-1 { --a: #1e9be0; }
.us-fbchromerim-2 { --a: #12b088; }
.us-fbchromerim-3 { --a: #d6407a; }
.us-fbchromerim-4 { --a: #5aa800; }
.us-fbchromerim-5 { --a: #3f51b5; }
.us-fbleveltube {
    background: radial-gradient(circle 3px at 64% 45%, rgba(255,255,255,0.9) 0 50%, transparent 100%), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, var(--a) 0 62%, color-mix(in srgb, var(--a) 70%, #ffffff) 62% 64%, transparent 64%), linear-gradient(180deg, rgba(255,255,255,0.95), rgba(240,248,255,0.9));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6), 0 2px 5px color-mix(in srgb, var(--a) 30%, transparent);
}
.us-fbleveltube-1 { --a: #3aa8f0; --ink: #0b3050; }
.us-fbleveltube-2 { --a: #7ed321; --ink: #24400f; }
.us-fbleveltube-3 { --a: #ffa63a; --ink: #4a2600; }
.us-fbleveltube-4 { --a: #e0408a; --ink: #4a0f2a; }
.us-fbleveltube-5 { --a: #8a5ae0; --ink: #2a1052; }
.us-fbprismedge {
    background: linear-gradient(90deg, rgba(255,80,80,0.6), rgba(255,200,60,0.6), rgba(120,220,90,0.6), rgba(70,170,255,0.6), rgba(150,100,255,0.6)) 0 100% / 100% 3px no-repeat, linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 18%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 4px; padding: 1px 10px 3px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 3px 8px rgba(0,0,0,0.12);
}
.us-fbprismedge-1 { --a: #8fb8d8; --ink: #1a2f40; }
.us-fbprismedge-2 { --a: #4fa8f0; --ink: #0b2e4d; }
.us-fbprismedge-3 { --a: #4fd8b0; --ink: #0b3d30; }
.us-fbprismedge-4 { --a: #f08ab8; --ink: #4a1028; }
.us-fbprismedge-5 { --a: #f0c050; --ink: #4a3300; }
.us-fbgrille {
    background: radial-gradient(circle, rgba(0,0,0,0.55) 0.9px, transparent 1.3px) 0 0 / 4px 4px, radial-gradient(ellipse 70% 90% at 50% 50%, color-mix(in srgb, var(--a) 65%, transparent), transparent 75%), linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.04) 50%), #1a1f26;
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.8), 0 0 6px color-mix(in srgb, var(--a) 70%, transparent); border: 1px solid rgba(255,255,255,0.28); border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.3);
}
.us-fbgrille-1 { --a: #2f8aff; }
.us-fbgrille-2 { --a: #2fdc7a; }
.us-fbgrille-3 { --a: #ff4a5a; }
.us-fbgrille-4 { --a: #ffa02f; }
.us-fbgrille-5 { --a: #a65aff; }
.us-fbneonring {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) padding-box, linear-gradient(180deg, #1f2733, #0b0f16) padding-box, linear-gradient(90deg, var(--a), var(--b)) border-box; border: 2px solid transparent;
    color: #ffffff; text-shadow: 0 0 5px color-mix(in srgb, var(--a) 70%, transparent); border-radius: 999px; padding: 0 13px; box-shadow: 0 0 8px color-mix(in srgb, var(--a) 55%, transparent), 0 0 14px color-mix(in srgb, var(--b) 35%, transparent);
}
.us-fbneonring-1 { --a: #00e5ff; --b: #ff4fd8; }
.us-fbneonring-2 { --a: #9cff3a; --b: #2a8bff; }
.us-fbneonring-3 { --a: #ffb02e; --b: #ff3f6a; }
.us-fbneonring-4 { --a: #3ad0ff; --b: #3affb0; }
.us-fbneonring-5 { --a: #a66bff; --b: #5ac8ff; }
.us-fbiridescent {
    background: conic-gradient(from 220deg at 30% 120%, color-mix(in srgb, var(--a) 45%, transparent), color-mix(in srgb, var(--b) 45%, transparent), color-mix(in srgb, var(--c) 45%, transparent), color-mix(in srgb, var(--a) 45%, transparent)), linear-gradient(180deg, rgba(255,255,255,0.95) 0 48%, rgba(255,255,255,0.6) 52%);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 999px; padding: 1px 13px; box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 4px 10px color-mix(in srgb, var(--b) 25%, transparent), inset 0 1px 0 #ffffff;
}
.us-fbiridescent-1 { --a: #7fd8ff; --b: #ff9be6; --c: #fff27a; --ink: #2a2a4a; }
.us-fbiridescent-2 { --a: #7fffd4; --b: #7fbfff; --c: #d4ff7f; --ink: #0d3a33; }
.us-fbiridescent-3 { --a: #ffb38a; --b: #ff8fc7; --c: #ffe08a; --ink: #4a1f0d; }
.us-fbiridescent-4 { --a: #b38aff; --b: #7fd8ff; --c: #ff9be6; --ink: #25124d; }
.us-fbiridescent-5 { --a: #d4ff6b; --b: #ffd23f; --c: #7fffd4; --ink: #2a3a00; }
.us-fbtwinring {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 10%, #ffffff)) padding-box, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) border-box, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) border-box;
    border: 2px solid transparent; color: color-mix(in srgb, var(--a) 55%, #000000); border-radius: 999px; padding: 0 12px; margin: 0 5px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px color-mix(in srgb, var(--a) 70%, #ffffff), 0 2px 6px 4px color-mix(in srgb, var(--a) 25%, transparent);
}
.us-fbtwinring-1 { --a: #2fa8f0; }
.us-fbtwinring-2 { --a: #6cc417; }
.us-fbtwinring-3 { --a: #f0509a; }
.us-fbtwinring-4 { --a: #ff8c1a; }
.us-fbtwinring-5 { --a: #8a4ae0; }
.us-fbgummy {
    background: radial-gradient(circle, rgba(255,255,255,0.75) 0.6px, transparent 1px) 0 0 / 5px 4px, radial-gradient(ellipse 50% 40% at 35% 25%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--a) 75%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 45% 55% 50% 50% / 60% 60% 40% 40%; padding: 2px 14px; box-shadow: inset 0 -3px 5px color-mix(in srgb, var(--a) 60%, #000000), 0 3px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fbgummy-1 { --a: #e0203a; }
.us-fbgummy-2 { --a: #5cc41a; }
.us-fbgummy-3 { --a: #2a6ae0; }
.us-fbgummy-4 { --a: #ff8a1a; }
.us-fbgummy-5 { --a: #8a3ad6; }
.us-fbpeppermint {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), repeating-linear-gradient(-55deg, var(--a) 0 5px, #ffffff 5px 10px);
    color: color-mix(in srgb, var(--a) 50%, #000000); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 999px; padding: 1px 13px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 -2px 3px rgba(0,0,0,0.15);
}
.us-fbpeppermint-1 { --a: #e0203a; }
.us-fbpeppermint-2 { --a: #1fb87a; }
.us-fbpeppermint-3 { --a: #1f7ae0; }
.us-fbpeppermint-4 { --a: #f07a12; }
.us-fbpeppermint-5 { --a: #8a3ad6; }
.us-fbsuperball {
    background: radial-gradient(circle at 28% 28%, rgba(255,255,255,0.95) 0 2px, rgba(255,255,255,0.4) 3px, transparent 8px), linear-gradient(180deg, transparent 74%, var(--b) 74% 86%, transparent 86%), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a) 70%, color-mix(in srgb, var(--a) 60%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid rgba(0,0,0,0.15); border-radius: 999px; padding: 1px 13px; box-shadow: inset -2px -3px 6px rgba(0,0,0,0.2), 0 2px 5px rgba(0,0,0,0.2);
}
.us-fbsuperball-1 { --a: #2a8be0; --b: #ffd23f; }
.us-fbsuperball-2 { --a: #2ab04a; --b: #ffffff; }
.us-fbsuperball-3 { --a: #e0302a; --b: #ffb020; }
.us-fbsuperball-4 { --a: #1ab0c8; --b: #ff7ab6; }
.us-fbsuperball-5 { --a: #8a5aff; --b: #7fffd4; }
.us-fbwaterbead {
    background: radial-gradient(circle 2px at 8px 40%, #ffffff 0 90%, transparent), radial-gradient(circle 6px at 10px 50%, color-mix(in srgb, var(--a) 50%, #ffffff) 0 30%, var(--a) 75%, color-mix(in srgb, var(--a) 60%, #000000) 95%, transparent 100%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 12%, #ffffff));
    color: var(--ink); border-radius: 999px; padding: 1px 13px 1px 22px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); box-shadow: 0 2px 4px color-mix(in srgb, var(--a) 25%, transparent), inset 0 1px 0 #ffffff;
}
.us-fbwaterbead-1 { --a: #2f8fd6; --ink: #0b2e4d; }
.us-fbwaterbead-2 { --a: #4a9e1a; --ink: #14330a; }
.us-fbwaterbead-3 { --a: #d63a7a; --ink: #4a0f2a; }
.us-fbwaterbead-4 { --a: #0f8f8f; --ink: #033640; }
.us-fbwaterbead-5 { --a: #6a3ad6; --ink: #25124d; }
.us-fbmirrorpill {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 999px; padding: 1px 13px;
    -webkit-box-reflect: below 1px linear-gradient(transparent 45%, rgba(255,255,255,0.4));
}
.us-fbmirrorpill-1 { --a: #1e88e5; }
.us-fbmirrorpill-2 { --a: #2e9e3e; }
.us-fbmirrorpill-3 { --a: #e0503a; }
.us-fbmirrorpill-4 { --a: #b03ad6; }
.us-fbmirrorpill-5 { --a: #4a5868; }
.us-fbbokeh {
    background: radial-gradient(circle at 12% 70%, color-mix(in srgb, var(--a) 70%, transparent) 0 4px, transparent 8px), radial-gradient(circle at 40% 25%, color-mix(in srgb, var(--b) 65%, transparent) 0 5px, transparent 10px), radial-gradient(circle at 70% 75%, color-mix(in srgb, var(--a) 55%, transparent) 0 6px, transparent 11px), radial-gradient(circle at 92% 30%, color-mix(in srgb, var(--b) 60%, transparent) 0 3px, transparent 7px), linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.04) 50%, transparent 51%), linear-gradient(180deg, #1c2a44, #0b1220);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.7); border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.us-fbbokeh-1 { --a: #4fb8ff; --b: #ffd23f; }
.us-fbbokeh-2 { --a: #7ed321; --b: #4fe0ff; }
.us-fbbokeh-3 { --a: #ff7ab6; --b: #b49aff; }
.us-fbbokeh-4 { --a: #00c8d8; --b: #3a7bff; }
.us-fbbokeh-5 { --a: #ffb02e; --b: #ff5a5a; }
.us-fbsilk {
    background: radial-gradient(ellipse 150% 80% at 50% 115%, transparent 55%, rgba(255,255,255,0.55) 58%, transparent 63%), radial-gradient(ellipse 150% 80% at 40% -15%, transparent 55%, rgba(255,255,255,0.4) 58%, transparent 64%), linear-gradient(90deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.7); border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.us-fbsilk-1 { --a: #29b6f6; --b: #1e88e5; }
.us-fbsilk-2 { --a: #9ccc65; --b: #43a047; }
.us-fbsilk-3 { --a: #f06292; --b: #ba68c8; }
.us-fbsilk-4 { --a: #26c6da; --b: #5c6bc0; }
.us-fbsilk-5 { --a: #ffa726; --b: #ef5350; }
.us-fbflourish {
    background: radial-gradient(circle at 12% 70%, transparent 5px, rgba(255,255,255,0.32) 5.5px 6.5px, transparent 7px), radial-gradient(circle at 24% 30%, rgba(255,255,255,0.6) 0 1.5px, transparent 2px), radial-gradient(circle at 80% 30%, transparent 8px, rgba(255,255,255,0.25) 8.5px 9.5px, transparent 10px), radial-gradient(circle at 93% 75%, rgba(255,255,255,0.6) 0 2px, transparent 2.5px), radial-gradient(circle at 66% 85%, rgba(255,255,255,0.5) 0 1.2px, transparent 1.7px), linear-gradient(45deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-fbflourish-1 { --a: #2a5ac8; --b: #5ab0f0; }
.us-fbflourish-2 { --a: #2a8a4a; --b: #8ad66a; }
.us-fbflourish-3 { --a: #c83a8a; --b: #ff9ac8; }
.us-fbflourish-4 { --a: #127a8a; --b: #5ad6d0; }
.us-fbflourish-5 { --a: #6a4ac8; --b: #c4a8ff; }
.us-fbweb2 {
    background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.2) 50%, transparent 51%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; padding: 2px 14px; border: 1px solid color-mix(in srgb, var(--b) 70%, #000000); box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 3px 4px -1px rgba(0,0,0,0.35);
    font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; font-weight: 800; letter-spacing: 0.02em;
}
.us-fbweb2-1 { --a: #4fb0ff; --b: #1563c8; }
.us-fbweb2-2 { --a: #8ad83a; --b: #3a8a12; }
.us-fbweb2-3 { --a: #ffb03a; --b: #e0560a; }
.us-fbweb2-4 { --a: #ff7ab8; --b: #c81a6a; }
.us-fbweb2-5 { --a: #4ad8d0; --b: #0a8a9a; }
.us-fbstarburst {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 70%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 0; padding: 4px 16px; clip-path: polygon(0 50%, 5% 20%, 0 0, 12% 10%, 25% 0, 37% 10%, 50% 0, 63% 10%, 75% 0, 88% 10%, 100% 0, 95% 20%, 100% 50%, 95% 80%, 100% 100%, 88% 90%, 75% 100%, 63% 90%, 50% 100%, 37% 90%, 25% 100%, 12% 90%, 0 100%, 5% 80%);
}
.us-fbstarburst-1 { --a: #e53935; }
.us-fbstarburst-2 { --a: #1e88e5; }
.us-fbstarburst-3 { --a: #43a047; }
.us-fbstarburst-4 { --a: #fb8c00; }
.us-fbstarburst-5 { --a: #8e24aa; }
.us-fbradio {
    background: radial-gradient(circle 2.5px at 11px 50%, var(--a) 0 90%, transparent), radial-gradient(circle 6px at 11px 50%, #ffffff 0 75%, color-mix(in srgb, var(--a) 55%, #000000) 80% 95%, transparent 100%), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 25%, #ffffff), color-mix(in srgb, var(--a) 50%, #ffffff));
    color: color-mix(in srgb, var(--a) 45%, #000000); border-radius: 999px; padding: 1px 12px 1px 22px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.2);
}
.us-fbradio-1 { --a: #34c759; }
.us-fbradio-2 { --a: #0a84ff; }
.us-fbradio-3 { --a: #ff9500; }
.us-fbradio-4 { --a: #ff2d78; }
.us-fbradio-5 { --a: #30b0c7; }
.us-fbrunapp {
    background: radial-gradient(ellipse 120% 70% at 50% -10%, rgba(255,255,255,0.75), transparent 60%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 3px 12px; margin-bottom: 5px; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6), 0 3px 6px rgba(0,0,0,0.25);
}
.us-fbrunapp::after { content: ''; position: absolute; left: 50%; bottom: -5px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 4px var(--a), 0 0 1px rgba(0,0,0,0.5); }
.us-fbrunapp-1 { --a: #5ac8fa; --b: #1a6fd6; }
.us-fbrunapp-2 { --a: #7ae27a; --b: #1f9a2a; }
.us-fbrunapp-3 { --a: #ff7a8a; --b: #d61a3a; }
.us-fbrunapp-4 { --a: #ffd36b; --b: #f07a12; }
.us-fbrunapp-5 { --a: #c49aff; --b: #6a2ad6; }
.us-fbpastellayers {
    background: radial-gradient(ellipse 60% 70% at 25% 140%, var(--c) 0 60%, transparent 61%), radial-gradient(ellipse 60% 70% at 75% 140%, var(--c) 0 60%, transparent 61%), radial-gradient(ellipse 55% 70% at 50% 120%, var(--b) 0 60%, transparent 61%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 35%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 8px; border: 1px solid rgba(255,255,255,0.85);
}
.us-fbpastellayers-1 { --a: #bfe3ff; --b: #ffd6a5; --c: #ffb38a; --ink: #3a2a1a; }
.us-fbpastellayers-2 { --a: #d6f5ff; --b: #a8e6b4; --c: #6fcf97; --ink: #14402b; }
.us-fbpastellayers-3 { --a: #e8dcff; --b: #c8b4ff; --c: #a48aff; --ink: #2a1a5c; }
.us-fbpastellayers-4 { --a: #ffe0cc; --b: #ffb38a; --c: #ff8a65; --ink: #4a1a08; }
.us-fbpastellayers-5 { --a: #cfe8ff; --b: #8fd3ff; --c: #4fa8e0; --ink: #0b2e4d; }
.us-fbmoonpath {
    background: radial-gradient(circle at calc(100% - 10px) 30%, #ffffff 0 3px, var(--b) 5px, transparent 9px), linear-gradient(90deg, transparent calc(100% - 14px), rgba(255,255,255,0.6) calc(100% - 12px) calc(100% - 8px), transparent calc(100% - 6px)) 0 100% / 100% 45% no-repeat, linear-gradient(180deg, var(--a) 0 55%, var(--c) 55% 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; padding: 1px 22px 1px 10px; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 2px 5px rgba(0,0,0,0.25);
}
.us-fbmoonpath-1 { --a: #1a2a5a; --b: #c8d8ff; --c: #0a1430; }
.us-fbmoonpath-2 { --a: #3a2a6a; --b: #e0c8ff; --c: #1a0f3a; }
.us-fbmoonpath-3 { --a: #0f4a5a; --b: #c8fff4; --c: #062a33; }
.us-fbmoonpath-4 { --a: #3a2a4a; --b: #ffd88a; --c: #1a1028; }
.us-fbmoonpath-5 { --a: #2a5a9a; --b: #e0f0ff; --c: #0f2a50; }
.us-fbpalmshade {
    background: radial-gradient(ellipse 22% 60% at 8% 0%, var(--b) 0 70%, transparent 71%), radial-gradient(ellipse 18% 50% at 30% 0%, color-mix(in srgb, var(--b) 75%, #000000) 0 70%, transparent 71%), radial-gradient(ellipse 22% 55% at 92% 0%, var(--b) 0 70%, transparent 71%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 3px 14px 1px;
}
.us-fbpalmshade-1 { --a: #2a9ad6; --b: #2e7d32; }
.us-fbpalmshade-2 { --a: #1ab0b0; --b: #1f6a3a; }
.us-fbpalmshade-3 { --a: #f0884a; --b: #2a4a1a; }
.us-fbpalmshade-4 { --a: #5a9a2a; --b: #1a4a1a; }
.us-fbpalmshade-5 { --a: #7a5ac8; --b: #1a3a2a; }
.us-fbrainshower {
    background: repeating-linear-gradient(100deg, transparent 0 5px, rgba(255,255,255,0.45) 5px 6px, transparent 6px 11px) 0 0 / 100% 200%, linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.18); animation: us-fall 1.2s linear infinite;
}
.us-fbrainshower-1 { --a: #7fb8e0; --b: #2a5a8a; }
.us-fbrainshower-2 { --a: #7fc8a0; --b: #1a5a3a; }
.us-fbrainshower-3 { --a: #b8c8d8; --b: #4a5a6a; }
.us-fbrainshower-4 { --a: #6ff0e8; --b: #0a7a8a; }
.us-fbrainshower-5 { --a: #a88aff; --b: #3a2a8a; }
.us-fbfizztrail {
    background: radial-gradient(circle at 8px 50%, transparent 3px, var(--a) 3.5px 4.2px, transparent 4.7px), radial-gradient(circle at 16px 30%, transparent 1.8px, var(--a) 2.2px 2.8px, transparent 3.2px), radial-gradient(circle at 20px 72%, transparent 1.2px, var(--a) 1.6px 2.1px, transparent 2.5px), linear-gradient(180deg, #ffffff 0%, #f4f8fb 50%, #e9f0f6 51%, #ffffff 100%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 13px 1px 26px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff;
}
.us-fbfizztrail-1 { --a: #1e9be0; --ink: #0b2e4d; }
.us-fbfizztrail-2 { --a: #4caf1a; --ink: #14330a; }
.us-fbfizztrail-3 { --a: #d6336a; --ink: #4a0f2a; }
.us-fbfizztrail-4 { --a: #12a88a; --ink: #063d33; }
.us-fbfizztrail-5 { --a: #7a3ad6; --ink: #25124d; }
.us-fbsignalwave {
    background: radial-gradient(circle 6px at 50% 100%, transparent 4.5px, color-mix(in srgb, var(--a) 55%, transparent) 5px 6px, transparent 6.5px) 0 50% / 16px 8px repeat-x, radial-gradient(circle 6px at 50% 0, transparent 4.5px, color-mix(in srgb, var(--a) 55%, transparent) 5px 6px, transparent 6.5px) 8px calc(50% + 7px) / 16px 8px repeat-x, linear-gradient(180deg, #ffffff 0%, #f4f8fb 50%, #e9f0f6 51%, #ffffff 100%);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.us-fbsignalwave-1 { --a: #2a8be0; --ink: #0b2e4d; }
.us-fbsignalwave-2 { --a: #43a047; --ink: #14330a; }
.us-fbsignalwave-3 { --a: #ff6f61; --ink: #4a1a10; }
.us-fbsignalwave-4 { --a: #00a3b5; --ink: #033640; }
.us-fbsignalwave-5 { --a: #8a5ae0; --ink: #25124d; }
.us-fbdropbadge {
    background: radial-gradient(circle 4.5px at 11px 58%, var(--a) 0 90%, transparent 100%), linear-gradient(225deg, transparent 0 50%, var(--a) 50%) 7px 1px / 8px 8px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--a) 18%, #ffffff), #ffffff 40%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 12px 1px 23px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbdropbadge-1 { --a: #1e88e5; --ink: #0b2e4d; }
.us-fbdropbadge-2 { --a: #00a3b5; --ink: #033640; }
.us-fbdropbadge-3 { --a: #43a047; --ink: #14330a; }
.us-fbdropbadge-4 { --a: #00897b; --ink: #063d33; }
.us-fbdropbadge-5 { --a: #7e57c2; --ink: #25124d; }
.us-fbcycle {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, #eef4f8);
    color: var(--ink); border-radius: 999px; padding: 1px 13px 1px 26px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.us-fbcycle::before { content: ''; position: absolute; left: 6px; top: 50%; width: 13px; height: 13px; margin-top: -6.5px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, #ffffff 0 2.5px, transparent 3px), conic-gradient(var(--a), var(--b), var(--a)); box-shadow: 0 1px 2px rgba(0,0,0,0.25); }
.us-fbcycle-1 { --a: #43a047; --b: #1e88e5; --ink: #14330a; }
.us-fbcycle-2 { --a: #00897b; --b: #7cb342; --ink: #063d33; }
.us-fbcycle-3 { --a: #29b6f6; --b: #26a69a; --ink: #0b2e4d; }
.us-fbcycle-4 { --a: #fbc02d; --b: #43a047; --ink: #4a3300; }
.us-fbcycle-5 { --a: #7e57c2; --b: #00acc1; --ink: #25124d; }
.us-fbbattery {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, var(--a) 0 75%, #8a96a3 75%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 2px solid #c8d0d8; border-radius: 4px; padding: 0 11px; margin-right: 6px; box-shadow: 0 2px 3px rgba(0,0,0,0.25);
}
.us-fbbattery::after { content: ''; position: absolute; right: -5px; top: 50%; width: 3px; height: 8px; margin-top: -4px; border-radius: 0 2px 2px 0; background: linear-gradient(180deg, #ffffff, #b8c2cc); }
.us-fbbattery-1 { --a: #2fb52f; }
.us-fbbattery-2 { --a: #1e88e5; }
.us-fbbattery-3 { --a: #e6a000; }
.us-fbbattery-4 { --a: #e0302a; }
.us-fbbattery-5 { --a: #7a3ad6; }
.us-fbsignalbars {
    background: linear-gradient(var(--a), var(--b)) calc(100% - 22px) 100% / 3px 30% no-repeat, linear-gradient(var(--a), var(--b)) calc(100% - 17px) 100% / 3px 48% no-repeat, linear-gradient(var(--a), var(--b)) calc(100% - 12px) 100% / 3px 66% no-repeat, linear-gradient(var(--a), var(--b)) calc(100% - 7px) 100% / 3px 84% no-repeat, linear-gradient(180deg, #ffffff, #f2f6f9);
    color: color-mix(in srgb, var(--a) 60%, #000000); padding: 1px 30px 1px 10px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.6);
}
.us-fbsignalbars-1 { --a: #2fb52f; --b: #9be36a; }
.us-fbsignalbars-2 { --a: #1e78d0; --b: #7fd8ff; }
.us-fbsignalbars-3 { --a: #e0302a; --b: #ffb02e; }
.us-fbsignalbars-4 { --a: #00897b; --b: #80e8d5; }
.us-fbsignalbars-5 { --a: #6a2ad6; --b: #ff7ad9; }
.us-fbfroststone {
    background: radial-gradient(circle, rgba(255,255,255,0.18) 0.6px, transparent 1px) 0 0 / 3px 3px, radial-gradient(ellipse 35% 30% at 30% 25%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 52% 48% 55% 45% / 55% 60% 40% 45%; padding: 2px 14px; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.us-fbfroststone-1 { --a: #5ab0a8; }
.us-fbfroststone-2 { --a: #3a6ac8; }
.us-fbfroststone-3 { --a: #c88a3a; }
.us-fbfroststone-4 { --a: #3a9a6a; }
.us-fbfroststone-5 { --a: #8a7ac8; }
.us-fbbevel {
    background: linear-gradient(135deg, rgba(255,255,255,0.75) 0 12%, transparent 12% 70%, rgba(255,255,255,0.3) 70% 74%, transparent 74%), linear-gradient(180deg, color-mix(in srgb, var(--a) 50%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px; padding: 1px 12px; box-shadow: inset 2px 2px 0 rgba(255,255,255,0.6), inset -2px -2px 0 color-mix(in srgb, var(--a) 60%, #000000), 0 2px 4px rgba(0,0,0,0.2);
}
.us-fbbevel-1 { --a: #3aa8e0; }
.us-fbbevel-2 { --a: #16a05a; }
.us-fbbevel-3 { --a: #d61a4a; }
.us-fbbevel-4 { --a: #7a3ad6; }
.us-fbbevel-5 { --a: #e0a010; }
.us-fbbreathe {
    background: radial-gradient(ellipse 70% 120% at 50% 50%, color-mix(in srgb, var(--a) 18%, #ffffff), #ffffff 80%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 10px color-mix(in srgb, var(--a) 45%, transparent);
}
.us-fbbreathe::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; animation: us-pulse 1.8s ease-out infinite; }
.us-fbbreathe-1 { --a: #29b6f6; --ink: #0b2e4d; }
.us-fbbreathe-2 { --a: #66bb6a; --ink: #14330a; }
.us-fbbreathe-3 { --a: #ffca28; --ink: #4a3300; }
.us-fbbreathe-4 { --a: #f06292; --ink: #4a1028; }
.us-fbbreathe-5 { --a: #9575cd; --ink: #25124d; }
.us-fbbloom {
    background: radial-gradient(ellipse 45% 90% at 50% 50%, color-mix(in srgb, var(--b) 55%, transparent), transparent 75%), radial-gradient(ellipse 90% 140% at 50% 50%, color-mix(in srgb, var(--a) 40%, transparent), transparent 75%), #fffdf8;
    color: var(--ink); border-radius: 6px; border: 1px solid rgba(255,255,255,0.9); box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.us-fbbloom-1 { --a: #ffb36b; --b: #ffe08a; --ink: #4a1f0d; }
.us-fbbloom-2 { --a: #7fd8ff; --b: #d0c4ff; --ink: #14244a; }
.us-fbbloom-3 { --a: #b4f06b; --b: #d0f4ff; --ink: #1f3a0d; }
.us-fbbloom-4 { --a: #ff9ac0; --b: #ffe0f0; --ink: #4a1028; }
.us-fbbloom-5 { --a: #c49aff; --b: #a0fff0; --ink: #2a1a5c; }
.us-fbfroststroke {
    background: transparent; color: #ffffff; -webkit-text-stroke: 1px var(--a); caret-color: var(--a);
    text-shadow: 0 0 4px color-mix(in srgb, var(--a) 70%, transparent), 0 1px 0 color-mix(in srgb, var(--a) 40%, #ffffff); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fbfroststroke-1 { --a: #3a9ae0; }
.us-fbfroststroke-2 { --a: #1ab890; }
.us-fbfroststroke-3 { --a: #8a6ae0; }
.us-fbfroststroke-4 { --a: #e0508a; }
.us-fbfroststroke-5 { --a: #7a8898; }
.us-fbbubbletext {
    background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.95) 0 1px, transparent 1.6px) 0 0 / 7px 6px, linear-gradient(180deg, color-mix(in srgb, var(--a) 50%, #ffffff), var(--a) 60%, color-mix(in srgb, var(--a) 60%, #000000)); -webkit-background-clip: text; background-clip: text;
    color: transparent; caret-color: var(--a); filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 70%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fbbubbletext-1 { --a: #1e88e5; }
.us-fbbubbletext-2 { --a: #00acc1; }
.us-fbbubbletext-3 { --a: #43a047; }
.us-fbbubbletext-4 { --a: #7e57c2; }
.us-fbbubbletext-5 { --a: #f4511e; }
.us-fbstickertext {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 72%, #ffffff) 0 48%, color-mix(in srgb, var(--a) 85%, #000000) 52% 100%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(1px 0 0 #ffffff) drop-shadow(-1px 0 0 #ffffff) drop-shadow(0 1px 0 #ffffff) drop-shadow(0 -1px 0 #ffffff) drop-shadow(0 2px 2px rgba(0,0,0,0.3)); font-weight: 900; padding: 0 4px; border-radius: 0; font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-fbstickertext-1 { --a: #1e88e5; }
.us-fbstickertext-2 { --a: #5aa800; }
.us-fbstickertext-3 { --a: #e0203a; }
.us-fbstickertext-4 { --a: #f07a12; }
.us-fbstickertext-5 { --a: #8a3ad6; }
.us-fbglasstext {
    background: linear-gradient(180deg, rgba(255,255,255,0.95) 0 45%, color-mix(in srgb, var(--a) 55%, transparent) 50%, color-mix(in srgb, var(--a) 85%, #000000) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    -webkit-text-stroke: 0.6px color-mix(in srgb, var(--a) 60%, #000000); filter: drop-shadow(0 1px 1px color-mix(in srgb, var(--a) 45%, transparent)); font-weight: 900; padding: 0 3px; border-radius: 0; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbglasstext-1 { --a: #1e78d0; }
.us-fbglasstext-2 { --a: #00897b; }
.us-fbglasstext-3 { --a: #4a5868; }
.us-fbglasstext-4 { --a: #c88a12; }
.us-fbglasstext-5 { --a: #c83a7a; }
.us-fbmeadowtext {
    background: linear-gradient(0deg, var(--a) 0 35%, var(--b) 65%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 60%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbmeadowtext-1 { --a: #2e9a2e; --b: #3a9ae0; }
.us-fbmeadowtext-2 { --a: #5aa800; --b: #f0a020; }
.us-fbmeadowtext-3 { --a: #00897b; --b: #5ab8f0; }
.us-fbmeadowtext-4 { --a: #6a8a1a; --b: #c0508a; }
.us-fbmeadowtext-5 { --a: #2f6f3e; --b: #7fb8c8; }
.us-fbskywindow {
    background: radial-gradient(ellipse 7px 3px at 30% 40%, rgba(255,255,255,0.9) 0 80%, transparent), radial-gradient(ellipse 9px 3px at 72% 62%, rgba(255,255,255,0.85) 0 80%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.6); border: 3px solid #ffffff; border-radius: 6px; padding: 0 12px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 50%, transparent), 0 2px 6px color-mix(in srgb, var(--b) 35%, transparent);
}
.us-fbskywindow-1 { --a: #d6efff; --b: #7cc4f5; --ink: #0d2e4d; }
.us-fbskywindow-2 { --a: #d6fff0; --b: #6fdcb8; --ink: #0d3d2e; }
.us-fbskywindow-3 { --a: #ffe8d6; --b: #ffb08a; --ink: #4a1f0d; }
.us-fbskywindow-4 { --a: #efe6ff; --b: #b8a0f5; --ink: #2a1a5c; }
.us-fbskywindow-5 { --a: #fffbd6; --b: #f5d66b; --ink: #4a3d00; }
.us-fbpeel {
    background: linear-gradient(315deg, transparent 0 6px, #f4f6f9 6px 11px, #c9d1da 11px 12px, transparent 12px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 1px 13px; transform: rotate(1.5deg); box-shadow: inset 0 0 0 2px #ffffff; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25)); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%);
}
.us-fbpeel-1 { --a: #1fa8e8; }
.us-fbpeel-2 { --a: #5cbf1a; }
.us-fbpeel-3 { --a: #f0408a; }
.us-fbpeel-4 { --a: #ff8a1a; }
.us-fbpeel-5 { --a: #8a4ae0; }
.us-fbsideflow {
    background: linear-gradient(180deg, var(--a), var(--b)) 0 0 / 5px 100% no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--a) 14%, #ffffff), #ffffff 60%);
    color: var(--ink); border-radius: 8px; padding: 1px 12px 1px 14px; box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 3px 8px rgba(0,0,0,0.12); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fbsideflow-1 { --a: #29b6f6; --b: #1e88e5; --ink: #0b2e4d; }
.us-fbsideflow-2 { --a: #9ccc65; --b: #43a047; --ink: #14330a; }
.us-fbsideflow-3 { --a: #ffb74d; --b: #f4511e; --ink: #4a1f00; }
.us-fbsideflow-4 { --a: #f06292; --b: #8e24aa; --ink: #4a0f2a; }
.us-fbsideflow-5 { --a: #4dd0e1; --b: #00838f; --ink: #033640; }
.us-fbcheckbox {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) 5px 50% / 12px 12px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) 5px 50% / 12px 12px no-repeat, linear-gradient(180deg, #ffffff, #eef2f6);
    color: var(--ink); border: 1px solid #c3ccd6; border-radius: 6px; padding: 1px 10px 1px 23px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.12);
}
.us-fbcheckbox::before { content: '\2713'; position: absolute; left: 7px; top: 50%; margin-top: -0.62em; font-size: 10px; line-height: 1.45; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.4); pointer-events: none; }
.us-fbcheckbox-1 { --a: #2a8be0; --ink: #0b2e4d; }
.us-fbcheckbox-2 { --a: #f0b020; --ink: #4a3300; }
.us-fbcheckbox-3 { --a: #43a047; --ink: #14330a; }
.us-fbcheckbox-4 { --a: #7e57c2; --ink: #25124d; }
.us-fbcheckbox-5 { --a: #00a3b5; --ink: #033640; }
.us-fckeycap {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 6px; padding: 1px 12px; margin-bottom: 3px;
    box-shadow: 0 3px 0 color-mix(in srgb, var(--a) 55%, #000000), 0 5px 6px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.3); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fckeycap-1 { --a: #2a8de0; }
.us-fckeycap-2 { --a: #3a9d1c; }
.us-fckeycap-3 { --a: #e86f0c; }
.us-fckeycap-4 { --a: #7438c9; }
.us-fckeycap-5 { --a: #6f7d8c; }
.us-fctwinbubble {
    background: radial-gradient(circle at 20% 28%, rgba(255,255,255,0.95) 0 2px, transparent 5px), radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0.4) 45%, color-mix(in srgb, var(--a) 40%, transparent) 80%, color-mix(in srgb, var(--b) 55%, transparent) 100%), rgba(255,255,255,0.6);
    color: var(--ink); border: 1px solid rgba(255,255,255,0.95); border-radius: 999px; padding: 1px 13px; margin-right: 8px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 2px 6px color-mix(in srgb, var(--a) 30%, transparent);
}
.us-fctwinbubble::after { content: ''; position: absolute; pointer-events: none; right: -8px; top: -4px; width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 32% 30%, #ffffff 0 1px, transparent 2px), radial-gradient(circle, rgba(255,255,255,0.5) 40%, color-mix(in srgb, var(--b) 60%, transparent) 100%); box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 40%, transparent); }
.us-fctwinbubble-1 { --a: #5fcfff; --b: #ff8fe0; --ink: #0b3a5c; }
.us-fctwinbubble-2 { --a: #5fe8b4; --b: #a594ff; --ink: #0d4030; }
.us-fctwinbubble-3 { --a: #ffd23f; --b: #5fcfff; --ink: #5a4300; }
.us-fctwinbubble-4 { --a: #ff8fbd; --b: #7fe8ff; --ink: #5c1236; }
.us-fctwinbubble-5 { --a: #b49aff; --b: #7fffc4; --ink: #2e1a66; }
.us-fcthumb {
    background: linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 18%, #ffffff));
    color: color-mix(in srgb, var(--a) 45%, #000000); border: 1px solid rgba(0,0,0,0.55); border-radius: 6px; padding: 1px 10px;
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--a) 65%, #ffffff), inset 0 0 0 4px rgba(255,255,255,0.7), 0 0 8px color-mix(in srgb, var(--a) 50%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcthumb-1 { --a: #3a7bd5; }
.us-fcthumb-2 { --a: #0f9d58; }
.us-fcthumb-3 { --a: #5b3fa8; }
.us-fcthumb-4 { --a: #c0263b; }
.us-fcthumb-5 { --a: #3b4a5a; }
.us-fchillsil {
    background: radial-gradient(ellipse 80% 70% at 68% 110%, var(--b) 0 60%, transparent 61%), radial-gradient(circle at 22% 40%, rgba(255,255,255,0.85) 0 2px, transparent 7px), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 45%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.7); border: 1px solid rgba(255,255,255,0.75); border-radius: 8px; padding: 1px 10px 3px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.us-fchillsil-1 { --a: #ff8a65; --b: #2e3d1f; }
.us-fchillsil-2 { --a: #7e57c2; --b: #1f2a3a; }
.us-fchillsil-3 { --a: #f0a030; --b: #3a2a10; }
.us-fchillsil-4 { --a: #3f51b5; --b: #101828; }
.us-fchillsil-5 { --a: #e05a98; --b: #2a1a2a; }
.us-fcbelow {
    background: radial-gradient(ellipse 8px 4px at 50% 100%, transparent 0 60%, rgba(255,255,255,0.9) 75% 100%) 0 2px / 14px 5px repeat-x, linear-gradient(180deg, rgba(255,255,255,0.75) 0 2px, rgba(255,255,255,0.35) 5px, transparent 11px), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,40,80,0.7); border: 1px solid color-mix(in srgb, var(--b) 70%, #000000); border-radius: 10px; padding: 4px 11px 1px; box-shadow: 0 2px 4px rgba(0,60,120,0.2);
}
.us-fcbelow-1 { --a: #4fd0ff; --b: #0066a8; }
.us-fcbelow-2 { --a: #5ee0f0; --b: #007a8a; }
.us-fcbelow-3 { --a: #5fe0b0; --b: #00695c; }
.us-fcbelow-4 { --a: #3a9ae0; --b: #0b2a6a; }
.us-fcbelow-5 { --a: #a8e8ff; --b: #2a70b0; }
.us-fcwillow {
    background: linear-gradient(170deg, transparent 47%, rgba(255,255,255,0.4) 49% 51%, transparent 53%), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 65%, #000000); border-radius: 999px 0 999px 0 / 999px 0 999px 0; padding: 1px 15px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fcwillow-1 { --a: #3a8e2e; --b: #a8e36a; }
.us-fcwillow-2 { --a: #6b7a1f; --b: #d0d870; }
.us-fcwillow-3 { --a: #0f7a6b; --b: #80e0cc; }
.us-fcwillow-4 { --a: #b85a10; --b: #ffc46b; }
.us-fcwillow-5 { --a: #2a6a9a; --b: #a0d8f0; }
.us-fcsparkle {
    background: linear-gradient(90deg, transparent calc(100% - 14px), rgba(255,255,255,0.95) calc(100% - 10px) calc(100% - 9px), transparent calc(100% - 5px)) 0 4px / 100% 1px no-repeat, linear-gradient(180deg, transparent 0, rgba(255,255,255,0.95) 4px 5px, transparent 9px) calc(100% - 9px) 0 / 1px 100% no-repeat, radial-gradient(circle at calc(100% - 9.5px) 4.5px, #ffffff 0 1.5px, transparent 5px), linear-gradient(115deg, var(--a), color-mix(in srgb, var(--a) 45%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid rgba(255,255,255,0.85); border-radius: 999px; padding: 1px 16px 1px 12px; box-shadow: 0 0 8px color-mix(in srgb, var(--a) 40%, transparent), inset 0 1px 0 rgba(255,255,255,0.7);
}
.us-fcsparkle-1 { --a: #ffb300; --ink: #4a2c00; }
.us-fcsparkle-2 { --a: #1e88e5; --ink: #06213d; }
.us-fcsparkle-3 { --a: #13a35a; --ink: #05301a; }
.us-fcsparkle-4 { --a: #d81b8c; --ink: #3d0626; }
.us-fcsparkle-5 { --a: #00b8d4; --ink: #023540; }
.us-fcvistaglow {
    background: radial-gradient(ellipse 45% 110% at 50% 100%, color-mix(in srgb, var(--b) 75%, transparent), transparent 75%), linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.06) 50%, transparent 51%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 50%, #000000));
    color: #ffffff; text-shadow: 0 0 6px color-mix(in srgb, var(--b) 70%, transparent), 0 1px 1px rgba(0,0,0,0.5); border-radius: 999px; padding: 1px 14px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcvistaglow-1 { --a: #0b3d6b; --b: #5fffc8; }
.us-fcvistaglow-2 { --a: #06345e; --b: #4fd2ff; }
.us-fcvistaglow-3 { --a: #0b4d2c; --b: #a0ff7a; }
.us-fcvistaglow-4 { --a: #2a0b5e; --b: #c08bff; }
.us-fcvistaglow-5 { --a: #5e1a0b; --b: #ffb36b; }
.us-fccolumn {
    background: linear-gradient(90deg, rgba(255,255,255,0.95) 0 14%, color-mix(in srgb, var(--a) 22%, #ffffff) 14% 30%, rgba(255,255,255,0.85) 30% 48%, color-mix(in srgb, var(--b) 28%, #ffffff) 48% 66%, rgba(255,255,255,0.9) 66% 84%, color-mix(in srgb, var(--a) 30%, #ffffff) 84%);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; outline: 1px solid color-mix(in srgb, var(--a) 55%, transparent); border-radius: 2px;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--a) 30%, transparent), inset 0 1px 0 #ffffff;
}
.us-fccolumn-1 { --a: #4fc3f7; --b: #b388ff; --ink: #0b3050; }
.us-fccolumn-2 { --a: #f48fb1; --b: #ffcc80; --ink: #4a1028; }
.us-fccolumn-3 { --a: #9ccc65; --b: #4dd0e1; --ink: #24400f; }
.us-fccolumn-4 { --a: #ffca28; --b: #ff8a65; --ink: #4a3300; }
.us-fccolumn-5 { --a: #3f51b5; --b: #4fc3f7; --ink: #141c4d; }
.us-fccurtain {
    background: radial-gradient(circle, transparent 1px, rgba(255,255,255,0.5) 1.3px 1.8px, transparent 2.1px) 0 0 / 7px 7px, radial-gradient(circle, transparent 0.6px, rgba(255,255,255,0.4) 0.9px 1.3px, transparent 1.6px) 3px 4px / 7px 7px, linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,30,60,0.8), 0 0 4px rgba(0,30,60,0.6); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--b) 60%, #000000); box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}
.us-fccurtain-1 { --a: #29b6f6; --b: #01579b; }
.us-fccurtain-2 { --a: #26a69a; --b: #004d40; }
.us-fccurtain-3 { --a: #3949ab; --b: #0d1442; }
.us-fccurtain-4 { --a: #4dd0e1; --b: #00838f; }
.us-fccurtain-5 { --a: #81d4fa; --b: #1565c0; }
.us-fcjewel {
    background: radial-gradient(circle at 22% 30%, #ffffff 0 1.5px, transparent 3px), radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,255,255,0.55) 0 55%, transparent 60%), radial-gradient(ellipse at 50% 110%, var(--b), transparent 65%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--a) 80%, #000000), color-mix(in srgb, var(--a) 35%, #000000));
    color: #ffffff; text-shadow: 0 0 4px var(--b), 0 1px 2px rgba(0,0,0,0.6); border: 1px solid color-mix(in srgb, var(--a) 30%, #000000); border-radius: 999px; padding: 1px 13px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 50%, transparent), 0 2px 6px rgba(0,0,0,0.35);
}
.us-fcjewel-1 { --a: #1d4fb5; --b: #5fc8ff; }
.us-fcjewel-2 { --a: #0f7a3a; --b: #7fff9a; }
.us-fcjewel-3 { --a: #b3122a; --b: #ff7a8a; }
.us-fcjewel-4 { --a: #5a1fa8; --b: #d08aff; }
.us-fcjewel-5 { --a: #b85a00; --b: #ffd27a; }
.us-fcfrostheader {
    background: linear-gradient(180deg, var(--a) 0 3px, transparent 3px), linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); border: 1px solid #ffffff; border-radius: 6px; padding: 3px 10px 1px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 40%, transparent), 0 4px 10px color-mix(in srgb, var(--a) 22%, transparent);
}
.us-fcfrostheader-1 { --a: #42a5f5; --ink: #0d3050; }
.us-fcfrostheader-2 { --a: #26c6a2; --ink: #08402f; }
.us-fcfrostheader-3 { --a: #8bc34a; --ink: #24400f; }
.us-fcfrostheader-4 { --a: #ff8a65; --ink: #4a1c0b; }
.us-fcfrostheader-5 { --a: #7e57c2; --ink: #25124d; }
.us-fcdewcorner {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 10px; padding: 1px 13px; margin-right: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fcdewcorner::after { content: ''; position: absolute; pointer-events: none; right: -4px; bottom: -4px; width: 9px; height: 9px; border-radius: 50% 0 50% 50%; background: radial-gradient(circle at 35% 35%, #ffffff 0 18%, rgba(255,255,255,0.4) 30% 60%, color-mix(in srgb, var(--a) 60%, #000000) 95%); box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
.us-fcdewcorner-1 { --a: #2e8b2e; --b: #8ee06a; }
.us-fcdewcorner-2 { --a: #d81b60; --b: #ff9ec7; }
.us-fcdewcorner-3 { --a: #1976d2; --b: #8fd0ff; }
.us-fcdewcorner-4 { --a: #d69a00; --b: #ffe680; }
.us-fcdewcorner-5 { --a: #00897b; --b: #7ff0de; }
.us-fcecocap {
    background: linear-gradient(90deg, transparent 0 calc(100% - 12px), var(--a) calc(100% - 12px)) , linear-gradient(180deg, #ffffff 0%, #f0f6fa 50%, #e3edf3 51%, #ffffff 100%);
    color: var(--ink); border: 1px solid #c7d6e0; border-radius: 999px; padding: 1px 20px 1px 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff, inset -12px 0 8px -8px color-mix(in srgb, var(--b) 80%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcecocap-1 { --a: #7ed321; --b: #00a8e8; --ink: #1d4a0b; }
.us-fcecocap-2 { --a: #00c6ff; --b: #0072ff; --ink: #08325c; }
.us-fcecocap-3 { --a: #ffd200; --b: #f7971e; --ink: #4a3300; }
.us-fcecocap-4 { --a: #7fe8b8; --b: #43c6ac; --ink: #0d4030; }
.us-fcecocap-5 { --a: #ff9a9e; --b: #a18cd1; --ink: #4a1a3d; }
.us-fcdawnbands {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--a) 0 30%, color-mix(in srgb, var(--a) 50%, var(--b)) 30% 55%, var(--b) 55% 78%, color-mix(in srgb, var(--b) 50%, #ffffff) 78%);
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.6); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 8px; box-shadow: 0 2px 6px color-mix(in srgb, var(--b) 40%, transparent);
}
.us-fcdawnbands-1 { --a: #9ccff5; --b: #ffd27a; --ink: #0d2e4d; }
.us-fcdawnbands-2 { --a: #ffcc80; --b: #fff176; --ink: #4a2600; }
.us-fcdawnbands-3 { --a: #f8a5c2; --b: #ffe0a3; --ink: #4a1028; }
.us-fcdawnbands-4 { --a: #8ee7c9; --b: #fff6a3; --ink: #0d4030; }
.us-fcdawnbands-5 { --a: #b8a4f0; --b: #ffd1a3; --ink: #2a1a5c; }
.us-fcgraph {
    background: linear-gradient(90deg, color-mix(in srgb, var(--a) 30%, transparent) 1px, transparent 1px) 0 0 / 6px 6px, linear-gradient(color-mix(in srgb, var(--a) 30%, transparent) 1px, transparent 1px) 0 0 / 6px 6px, linear-gradient(180deg, #ffffff, #eef3f8);
    color: color-mix(in srgb, var(--a) 70%, #000000); text-shadow: 0 0 2px #ffffff, 0 0 2px #ffffff; border: 1px solid #a9b4c1; border-radius: 4px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.15); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fcgraph-1 { --a: #2a8de0; }
.us-fcgraph-2 { --a: #3a9d1c; }
.us-fcgraph-3 { --a: #d32f4f; }
.us-fcgraph-4 { --a: #7438c9; }
.us-fcgraph-5 { --a: #e86f0c; }
.us-fccotton {
    background: radial-gradient(circle 6px at 22% 0, #ffffff 0 95%, transparent) , radial-gradient(circle 8px at 55% 0, #ffffff 0 95%, transparent), radial-gradient(circle 5px at 82% 0, #ffffff 0 95%, transparent), linear-gradient(180deg, color-mix(in srgb, var(--a) 35%, #ffffff), color-mix(in srgb, var(--a) 18%, #ffffff));
    color: var(--ink); border: 1px solid #ffffff; border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 30%, transparent), 0 3px 8px color-mix(in srgb, var(--a) 45%, transparent), inset 0 -3px 5px color-mix(in srgb, var(--a) 18%, transparent);
}
.us-fccotton-1 { --a: #4aa8f0; --ink: #0b2e55; }
.us-fccotton-2 { --a: #2f86e0; --ink: #06213d; }
.us-fccotton-3 { --a: #f06aa8; --ink: #4a1036; }
.us-fccotton-4 { --a: #2ec4a8; --ink: #0b3d33; }
.us-fccotton-5 { --a: #7a6fe0; --ink: #1e1450; }
.us-fcstartbar {
    background: radial-gradient(circle 6px at 10px 50%, rgba(255,255,255,0.9) 0 15%, var(--a) 50%, color-mix(in srgb, var(--a) 40%, #000000) 90%, transparent 100%), radial-gradient(circle 11px at 10px 50%, color-mix(in srgb, var(--a) 50%, transparent), transparent), linear-gradient(180deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.08) 50%, rgba(0,0,0,0.15) 51%), #1d2733;
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.8); border: 1px solid rgba(0,0,0,0.7); border-radius: 4px; padding: 1px 10px 1px 22px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcstartbar-1 { --a: #2f8aff; }
.us-fcstartbar-2 { --a: #3fd05a; }
.us-fcstartbar-3 { --a: #ffa02e; }
.us-fcstartbar-4 { --a: #ff5cc8; }
.us-fcstartbar-5 { --a: #9a6bff; }
.us-fcfishbowl {
    background: radial-gradient(ellipse 30% 40% at 25% 30%, rgba(255,255,255,0.75), transparent 70%), radial-gradient(circle 2px at 72% 70%, var(--c) 0 90%, transparent), radial-gradient(ellipse 4px 2.5px at 66% 70%, var(--c) 0 90%, transparent), linear-gradient(180deg, transparent 38%, rgba(255,255,255,0.8) 38% 42%, var(--a) 42%, var(--b)), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(235,248,255,0.9));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 2px solid rgba(255,255,255,0.95); border-radius: 999px; padding: 0 13px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 50%, transparent), 0 3px 6px color-mix(in srgb, var(--b) 30%, transparent);
}
.us-fcfishbowl-1 { --a: #7fd8ff; --b: #2a90d0; --c: #ff8a1a; --ink: #0b3050; }
.us-fcfishbowl-2 { --a: #7ff0d8; --b: #1aa08a; --c: #ffd23f; --ink: #063d33; }
.us-fcfishbowl-3 { --a: #a8c8ff; --b: #3a5ad0; --c: #e0203a; --ink: #141c4d; }
.us-fcfishbowl-4 { --a: #9ff3ff; --b: #1e90c8; --c: #ff3fa8; --ink: #0b3050; }
.us-fcfishbowl-5 { --a: #b8f0d0; --b: #2e8a5b; --c: #ffffff; --ink: #0d3318; }
.us-fccornerribbon {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(135deg, var(--a) 0 9px, var(--b) 9px 13px, transparent 13px), linear-gradient(180deg, #ffffff, #eef5fb);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 8px; padding: 1px 12px 1px 15px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 2px 6px rgba(0,0,0,0.15);
}
.us-fccornerribbon-1 { --a: #7ed321; --b: #4aa8f0; --ink: #0d2e14; }
.us-fccornerribbon-2 { --a: #00b4d8; --b: #0077b6; --ink: #04263b; }
.us-fccornerribbon-3 { --a: #ffd23f; --b: #ff8c42; --ink: #4a2a00; }
.us-fccornerribbon-4 { --a: #ff5c9d; --b: #9d5cff; --ink: #3d0a2b; }
.us-fccornerribbon-5 { --a: #3ddc97; --b: #7fe3ff; --ink: #0b3d27; }
.us-fclunawindow {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, #ffffff) 0, var(--a) 4px, color-mix(in srgb, var(--a) 75%, #000000) 7px, #ffffff 7px, #ece9d8);
    color: #222222; border: 2px solid var(--a); border-top: none; border-radius: 7px 7px 2px 2px; padding: 8px 10px 1px; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); font-family: Tahoma, 'Segoe UI', sans-serif;
}
.us-fclunawindow-1 { --a: #2459c8; }
.us-fclunawindow-2 { --a: #8a9a3c; }
.us-fclunawindow-3 { --a: #8f99a8; }
.us-fclunawindow-4 { --a: #3a6ea5; }
.us-fclunawindow-5 { --a: #3d3d3d; }
.us-fcquicklaunch {
    background: linear-gradient(180deg, #ffd23f, #e0a000) 4px 50% / 6px 6px no-repeat, linear-gradient(180deg, #7fd8ff, #1e78d0) 12px 50% / 6px 6px no-repeat, linear-gradient(180deg, #9be36a, #2e9a3e) 20px 50% / 6px 6px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, #ffffff) 0%, var(--a) 12%, color-mix(in srgb, var(--a) 85%, #ffffff) 50%, var(--a) 88%, color-mix(in srgb, var(--a) 65%, #000000) 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px; padding: 1px 10px 1px 31px; border-top: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); box-shadow: 0 1px 2px rgba(0,0,0,0.3); font-family: Tahoma, 'Segoe UI', sans-serif;
}
.us-fcquicklaunch-1 { --a: #245edb; }
.us-fcquicklaunch-2 { --a: #7d9a4a; }
.us-fcquicklaunch-3 { --a: #8c93a1; }
.us-fcquicklaunch-4 { --a: #3a6ea5; }
.us-fcquicklaunch-5 { --a: #3d3d3d; }
.us-fcweather {
    background: radial-gradient(circle 4px at 11px 45%, #ffffff 0 30%, #ffd23f 60%, transparent 100%), radial-gradient(circle 9px at 11px 45%, rgba(255,214,60,0.55), transparent), radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255,255,255,0.45), transparent 70%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--b) 60%, #000000); border-radius: 8px; padding: 1px 10px 1px 22px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3), 0 3px 6px rgba(0,0,0,0.3); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcweather-1 { --a: #5ab0f0; --b: #1a5ab0; }
.us-fcweather-2 { --a: #ff9a6b; --b: #6a2a7a; }
.us-fcweather-3 { --a: #6fd0a0; --b: #1a6a5a; }
.us-fcweather-4 { --a: #a8b8c8; --b: #4a5a6a; }
.us-fcweather-5 { --a: #3a4ab0; --b: #0d1442; }
.us-fcconsolecard {
    background: linear-gradient(180deg, rgba(255,255,255,0.9) 0 45%, transparent 55%), linear-gradient(180deg, #f4f7fa, color-mix(in srgb, var(--a) 22%, #ffffff));
    color: var(--ink); border: 1px solid #c9d2db; border-radius: 6px; box-shadow: inset 0 0 0 2px #ffffff, inset 0 -3px 0 color-mix(in srgb, var(--a) 70%, #ffffff), 0 2px 5px rgba(0,0,0,0.15); padding: 1px 11px 3px; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcconsolecard-1 { --a: #34bdf0; --ink: #1a4d66; }
.us-fcconsolecard-2 { --a: #a8b3bd; --ink: #3d4650; }
.us-fcconsolecard-3 { --a: #2ec4c4; --ink: #0d4545; }
.us-fcconsolecard-4 { --a: #6fd16f; --ink: #1f4d1f; }
.us-fcconsolecard-5 { --a: #ffaa33; --ink: #5c3500; }
.us-fclightbars {
    background: linear-gradient(90deg, transparent 10%, rgba(255,255,255,0.3) 14% 18%, transparent 22% 40%, rgba(255,255,255,0.22) 44% 47%, transparent 51% 68%, rgba(255,255,255,0.28) 72% 77%, transparent 81%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 50%, var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); font-family: 'Segoe UI', system-ui, sans-serif; letter-spacing: 0.02em;
}
.us-fclightbars-1 { --a: #4b8fe0; --b: #1c3f8a; }
.us-fclightbars-2 { --a: #7ccf5a; --b: #2d7a2b; }
.us-fclightbars-3 { --a: #46d0d6; --b: #127a8a; }
.us-fclightbars-4 { --a: #e8b44a; --b: #9a5a12; }
.us-fclightbars-5 { --a: #a77be0; --b: #4b2a8a; }
.us-fcarrow {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55);
    border-radius: 0; padding: 1px 18px 1px 10px; clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%); font-family: 'Segoe UI', system-ui, sans-serif; font-weight: 800;
}
.us-fcarrow-1 { --a: #4cb51b; }
.us-fcarrow-2 { --a: #e0387f; }
.us-fcarrow-3 { --a: #1f8be0; }
.us-fcarrow-4 { --a: #8c97a3; }
.us-fcarrow-5 { --a: #f2861b; }
.us-fcminiscreen {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 30%, #0d1a2a), #0d1a2a) 4px 50% / 12px calc(100% - 8px) no-repeat, linear-gradient(180deg, #ffffff 0%, #f1f3f6 50%, #e3e7ec 51%, #f7f8fa 100%);
    color: var(--a); border: 2px solid color-mix(in srgb, var(--a) 30%, #c9d0d8); border-radius: 8px; padding: 1px 11px 1px 22px; box-shadow: inset 0 0 0 1px #ffffff, 0 2px 4px rgba(0,0,0,0.18); font-family: 'Lucida Grande', 'Segoe UI', sans-serif;
}
.us-fcminiscreen-1 { --a: #3478c6; }
.us-fcminiscreen-2 { --a: #5fa300; }
.us-fcminiscreen-3 { --a: #d6338a; }
.us-fcminiscreen-4 { --a: #e07012; }
.us-fcminiscreen-5 { --a: #4a5360; }
.us-fcblackpearl {
    background: radial-gradient(ellipse 85% 55% at 50% 0%, rgba(255,255,255,0.35) 0 55%, transparent 60%), radial-gradient(ellipse 70% 60% at 50% 110%, color-mix(in srgb, var(--a) 45%, transparent), transparent 70%), #0d0f14;
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.8); border: 1px solid var(--a); border-radius: 999px; padding: 1px 13px; box-shadow: 0 0 6px color-mix(in srgb, var(--a) 70%, transparent), inset 0 0 0 1px rgba(255,255,255,0.15);
}
.us-fcblackpearl-1 { --a: #2fa8ff; }
.us-fcblackpearl-2 { --a: #3fe07a; }
.us-fcblackpearl-3 { --a: #ff3f5a; }
.us-fcblackpearl-4 { --a: #ffc23f; }
.us-fcblackpearl-5 { --a: #a66bff; }
.us-fcsplit {
    background: linear-gradient(90deg, transparent calc(100% - 15px), color-mix(in srgb, var(--a) 50%, #ffffff) calc(100% - 15px) calc(100% - 14px), #ffffff calc(100% - 14px) calc(100% - 13px), transparent calc(100% - 13px)), linear-gradient(180deg, color-mix(in srgb, var(--a) 15%, #ffffff) 0%, color-mix(in srgb, var(--a) 30%, #ffffff) 49%, color-mix(in srgb, var(--a) 45%, #ffffff) 50%, color-mix(in srgb, var(--a) 25%, #ffffff) 100%);
    color: color-mix(in srgb, var(--a) 60%, #000000); border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 3px; padding: 1px 21px 1px 10px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px rgba(0,0,0,0.12); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcsplit::after { content: ''; position: absolute; pointer-events: none; right: 4px; top: 50%; margin-top: -2px; border: 4px solid transparent; border-top: 4px solid color-mix(in srgb, var(--a) 60%, #000000); border-bottom: 0; }
.us-fcsplit-1 { --a: #4a90e2; }
.us-fcsplit-2 { --a: #8f9aa8; }
.us-fcsplit-3 { --a: #4caf50; }
.us-fcsplit-4 { --a: #f08c2a; }
.us-fcsplit-5 { --a: #d9443a; }
.us-fcblocks {
    background: repeating-linear-gradient(90deg, transparent 0 1px, var(--a) 1px 7px, transparent 7px 9px) 3px calc(100% - 2px) / 70% 4px no-repeat, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, #e4e9ee);
    color: color-mix(in srgb, var(--a) 40%, #000000); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #9aa5b2; border-radius: 3px; padding: 1px 12px 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}
.us-fcblocks-1 { --a: #2fb52f; }
.us-fcblocks-2 { --a: #1e88e5; }
.us-fcblocks-3 { --a: #e6b800; }
.us-fcblocks-4 { --a: #d6283a; }
.us-fcblocks-5 { --a: #00a3a3; }
.us-fclens {
    background: radial-gradient(circle 4px at 10px 45%, transparent 2.5px, var(--a) 3px 4px, transparent 4.5px), linear-gradient(180deg, #f3f6f9, #ffffff 40%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 999px; padding: 1px 13px 1px 21px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), 0 0 6px color-mix(in srgb, var(--a) 30%, transparent); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fclens::after { content: ''; position: absolute; pointer-events: none; left: 12px; top: 58%; width: 4px; height: 1.6px; border-radius: 1px; background: var(--a); transform: rotate(45deg); }
.us-fclens-1 { --a: #3d9be9; --ink: #1a3a5c; }
.us-fclens-2 { --a: #4cc35a; --ink: #1a4a20; }
.us-fclens-3 { --a: #ff9a3c; --ink: #5a3000; }
.us-fclens-4 { --a: #ff6fb5; --ink: #5a1236; }
.us-fclens-5 { --a: #9b74ff; --ink: #2e1a66; }
.us-fcfoldertab {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 35%, #ffffff), color-mix(in srgb, var(--a) 65%, #ffffff));
    color: color-mix(in srgb, var(--a) 40%, #000000); border-radius: 6px 0 0 0; padding: 2px 20px 1px 10px; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0 100%);
}
.us-fcfoldertab-1 { --a: #e6b84a; }
.us-fcfoldertab-2 { --a: #4a90e2; }
.us-fcfoldertab-3 { --a: #3fc77a; }
.us-fcfoldertab-4 { --a: #f07ab0; }
.us-fcfoldertab-5 { --a: #a68bf0; }
.us-fcchat {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 12px; padding: 1px 12px; margin-bottom: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.2); font-family: 'Segoe UI', Tahoma, sans-serif;
}
.us-fcchat::after { content: ''; position: absolute; pointer-events: none; left: 10px; bottom: -5px; border: 6px solid transparent; border-top: 6px solid var(--a); border-bottom: 0; border-left-width: 0; }
.us-fcchat-1 { --a: #1e88e5; }
.us-fcchat-2 { --a: #43a047; }
.us-fcchat-3 { --a: #e0408a; }
.us-fcchat-4 { --a: #f07a12; }
.us-fcchat-5 { --a: #6a7888; }
.us-fclawn {
    background: repeating-linear-gradient(90deg, var(--a) 0 8px, color-mix(in srgb, var(--a) 75%, #ffffff) 8px 16px) 0 100% / 100% 40% no-repeat, linear-gradient(180deg, var(--b), color-mix(in srgb, var(--b) 45%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 11px 3px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}
.us-fclawn-1 { --a: #4caf3a; --b: #4aa8f0; }
.us-fclawn-2 { --a: #2e9a3e; --b: #6ec6ff; }
.us-fclawn-3 { --a: #7ed321; --b: #8fd3ff; }
.us-fclawn-4 { --a: #3d8a2e; --b: #ff9e7a; }
.us-fclawn-5 { --a: #6ab83a; --b: #9fd8ff; }
.us-fcsail {
    background: linear-gradient(to top right, transparent 50%, #ffffff 50%) calc(100% - 8px) 18% / 7px 40% no-repeat, linear-gradient(90deg, var(--c), var(--c)) calc(100% - 6px) 58% / 11px 2px no-repeat, linear-gradient(180deg, var(--a) 0 58%, var(--b) 58% 100%);
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; padding: 1px 20px 1px 10px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fcsail-1 { --a: #7cc8ff; --b: #0a76c4; --c: #e05a3a; }
.us-fcsail-2 { --a: #a8e6ff; --b: #00a6a6; --c: #ffd23f; }
.us-fcsail-3 { --a: #ffc46b; --b: #2b6aa8; --c: #3a2a1a; }
.us-fcsail-4 { --a: #b8f0e0; --b: #2a9d8f; --c: #e0203a; }
.us-fcsail-5 { --a: #b39ddb; --b: #283593; --c: #ffb36b; }
.us-fcrainbowrim {
    background: linear-gradient(180deg, #ffffff, var(--a)) padding-box, linear-gradient(90deg, #ff5a5a, #ffb347, #ffe66b, #7ed957, #4fc3f7, #9575cd) border-box;
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 2px solid transparent; border-radius: 999px; padding: 0 13px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-fcrainbowrim-1 { --a: #c4e6ff; --ink: #0d2e4d; }
.us-fcrainbowrim-2 { --a: #e4ecf2; --ink: #1f3340; }
.us-fcrainbowrim-3 { --a: #fff0b0; --ink: #4a3300; }
.us-fcrainbowrim-4 { --a: #ffd6ee; --ink: #4a1a3d; }
.us-fcrainbowrim-5 { --a: #c8f8e8; --ink: #0d3d33; }
.us-fcsunburst {
    background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,0.4) 0 7deg, transparent 7deg 15deg), radial-gradient(ellipse 50% 70% at 50% 50%, rgba(255,255,255,0.75), transparent 75%), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.7); border-radius: 999px; padding: 1px 14px; border: 1px solid rgba(255,255,255,0.85);
}
.us-fcsunburst-1 { --a: #9fd8ff; --b: #3d8fe0; --ink: #06213d; }
.us-fcsunburst-2 { --a: #ffe08a; --b: #f0a030; --ink: #4a2c00; }
.us-fcsunburst-3 { --a: #c4f0a0; --b: #4c9a3a; --ink: #14330a; }
.us-fcsunburst-4 { --a: #ffd0e4; --b: #e05a98; --ink: #4a0f2a; }
.us-fcsunburst-5 { --a: #c4f8ff; --b: #1fb6c8; --ink: #033640; }
.us-fcblossomrow {
    background: radial-gradient(circle 1.2px at 50% 50%, var(--c) 0 90%, transparent) 0 100% / 10px 7px repeat-x, radial-gradient(circle 3.2px at 50% 50%, var(--b) 0 90%, transparent) 0 100% / 10px 7px repeat-x, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, var(--a));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 45%, #ffffff); border-radius: 8px; padding: 1px 12px 7px;
}
.us-fcblossomrow-1 { --a: #ffd6e6; --b: #ff8fbd; --c: #ffe066; --ink: #5c1236; }
.us-fcblossomrow-2 { --a: #f0dcff; --b: #c48aff; --c: #fff4a0; --ink: #3a1a5c; }
.us-fcblossomrow-3 { --a: #ffe8cc; --b: #ffb066; --c: #ffffff; --ink: #5a3000; }
.us-fcblossomrow-4 { --a: #e8f8e0; --b: #ff9fb0; --c: #ffe066; --ink: #2a3d1a; }
.us-fcblossomrow-5 { --a: #e0f0ff; --b: #6aa8ff; --c: #ffe066; --ink: #14304f; }
.us-fcoceanbands {
    background: radial-gradient(circle 6px at 50% 100%, var(--b) 0 95%, transparent) 0 100% / 12px 6px repeat-x, radial-gradient(circle 6px at 50% 100%, color-mix(in srgb, var(--b) 60%, var(--a)) 0 95%, transparent) 6px calc(100% - 5px) / 12px 6px repeat-x, linear-gradient(180deg, transparent 60%, color-mix(in srgb, var(--b) 60%, var(--a)) 60% 76%, var(--b) 76%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 40%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 1px 11px 4px; border: 1px solid rgba(255,255,255,0.8);
}
.us-fcoceanbands-1 { --a: #7cd0ff; --b: #0a80c8; }
.us-fcoceanbands-2 { --a: #a8f0e8; --b: #11998e; }
.us-fcoceanbands-3 { --a: #ffc08a; --b: #2266aa; }
.us-fcoceanbands-4 { --a: #5a9be0; --b: #0b3d91; }
.us-fcoceanbands-5 { --a: #4fc8e0; --b: #0a6f9a; }
.us-fclilypad {
    background: linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 60%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 1px 11px 1px 24px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.18);
}
.us-fclilypad::after { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 14px; height: 12px; margin-top: -6px; border-radius: 50%; background: conic-gradient(from 75deg, transparent 0 32deg, var(--b) 32deg); box-shadow: inset 0 1px 1px rgba(255,255,255,0.5); }
.us-fclilypad-1 { --a: #4fc3c8; --b: #5cbf3a; }
.us-fclilypad-2 { --a: #4a90d8; --b: #7ed321; }
.us-fclilypad-3 { --a: #3aa08a; --b: #a8d83a; }
.us-fclilypad-4 { --a: #d0806a; --b: #4caf50; }
.us-fclilypad-5 { --a: #4a5ab0; --b: #3a9a5a; }
.us-fcdrips {
    background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.2)) 18% 0 / 2px 55% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.2)) 52% 0 / 2px 35% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.2)) 84% 0 / 2px 70% no-repeat, radial-gradient(circle 2px at 18% 58%, rgba(255,255,255,0.7) 0 90%, transparent), radial-gradient(circle 2px at 84% 73%, rgba(255,255,255,0.7) 0 90%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000);
}
.us-fcdrips-1 { --a: #3a86d6; }
.us-fcdrips-2 { --a: #2a9d6a; }
.us-fcdrips-3 { --a: #5f7387; }
.us-fcdrips-4 { --a: #7a5ad6; }
.us-fcdrips-5 { --a: #16a0a8; }
.us-fcicicle {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 25%, #ffffff), color-mix(in srgb, var(--a) 55%, #ffffff)); color: var(--ink); border: 1px solid #ffffff; border-radius: 5px 5px 2px 2px; margin-bottom: 5px;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 45%, transparent), inset 0 2px 3px rgba(255,255,255,0.9);
}
.us-fcicicle::after { content: ''; position: absolute; pointer-events: none; left: 4px; right: 4px; bottom: -5px; height: 5px; background: linear-gradient(180deg, color-mix(in srgb, var(--a) 80%, #ffffff), color-mix(in srgb, var(--a) 35%, #ffffff)); clip-path: polygon(0 0, 100% 0, 92% 100%, 84% 0, 70% 70%, 58% 0, 46% 100%, 34% 0, 22% 60%, 12% 0, 6% 80%); }
.us-fcicicle-1 { --a: #7fd8ff; --ink: #0b3050; }
.us-fcicicle-2 { --a: #7fffd4; --ink: #0d4030; }
.us-fcicicle-3 { --a: #ff9ed8; --ink: #5c1236; }
.us-fcicicle-4 { --a: #fff07a; --ink: #4a4000; }
.us-fcicicle-5 { --a: #c4a8ff; --ink: #2e1a66; }
.us-fcsnowflake {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 25%, #ffffff));
    color: color-mix(in srgb, var(--a) 60%, #000000); border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-radius: 999px; padding: 1px 13px 1px 22px; box-shadow: 0 0 0 2px rgba(255,255,255,0.8), 0 2px 5px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fcsnowflake::before { content: ''; position: absolute; pointer-events: none; content: '\2744'; left: 7px; top: 50%; margin-top: -0.72em; font-size: 11px; line-height: 1.45; color: var(--a); text-shadow: 0 0 3px #ffffff; }
.us-fcsnowflake-1 { --a: #4a8fe0; }
.us-fcsnowflake-2 { --a: #2e8b57; }
.us-fcsnowflake-3 { --a: #c62f3a; }
.us-fcsnowflake-4 { --a: #283f8a; }
.us-fcsnowflake-5 { --a: #8f7ad6; }
.us-fcpines {
    background: linear-gradient(to top left, var(--b) 50%, transparent 50%) 0 100% / 6px 10px repeat-x, linear-gradient(to top right, var(--b) 50%, transparent 50%) 6px 100% / 6px 10px repeat-x, linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 40%, #ffffff));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; padding: 1px 11px 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fcpines { background-size: 12px 10px, 12px 10px, 100% 100%; }
.us-fcpines-1 { --a: #7cc0f0; --b: #1f5a2a; }
.us-fcpines-2 { --a: #a8c8c0; --b: #2a4a3a; }
.us-fcpines-3 { --a: #ffb070; --b: #4a3a14; }
.us-fcpines-4 { --a: #8a8af0; --b: #1a2a4a; }
.us-fcpines-5 { --a: #9fe0ff; --b: #2e7d32; }
.us-fcmoon {
    background: radial-gradient(circle at 25% 60%, rgba(0,0,0,0.18) 0 3px, transparent 3.5px), radial-gradient(circle at 60% 30%, rgba(0,0,0,0.14) 0 2px, transparent 2.5px), radial-gradient(circle at 82% 66%, rgba(0,0,0,0.16) 0 2.5px, transparent 3px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 40% 30%, #ffffff, var(--a) 60%, color-mix(in srgb, var(--a) 60%, #000000));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 999px; padding: 1px 13px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); box-shadow: 0 0 8px color-mix(in srgb, var(--a) 60%, transparent);
}
.us-fcmoon-1 { --a: #c8d0dc; --ink: #1a2330; }
.us-fcmoon-2 { --a: #ffd08a; --ink: #4a2a00; }
.us-fcmoon-3 { --a: #a8c8ff; --ink: #14244a; }
.us-fcmoon-4 { --a: #b8f0dc; --ink: #0d3d2e; }
.us-fcmoon-5 { --a: #ffc4d8; --ink: #4a1028; }
.us-fcleaffan {
    background: repeating-conic-gradient(from 45deg at 0% 50%, rgba(255,255,255,0.28) 0 2deg, transparent 2deg 14deg), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 4px 999px 999px 4px; padding: 1px 15px 1px 10px; border: 1px solid color-mix(in srgb, var(--a) 60%, #000000);
}
.us-fcleaffan-1 { --a: #4caf3a; }
.us-fcleaffan-2 { --a: #7cb800; }
.us-fcleaffan-3 { --a: #1f9a8a; }
.us-fcleaffan-4 { --a: #d9622b; }
.us-fcleaffan-5 { --a: #c9a200; }
.us-fcgrove {
    background: linear-gradient(90deg, transparent 12%, var(--b) 12% 16%, transparent 16% 40%, var(--b) 40% 43%, transparent 43% 70%, var(--b) 70% 75%, transparent 75% 90%, var(--b) 90% 92%, transparent 92%), radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255,255,255,0.7), transparent 75%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 60%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 4px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000);
}
.us-fcgrove-1 { --a: #8ad06a; --b: #3a7a2a; }
.us-fcgrove-2 { --a: #c8e05a; --b: #6a8a1a; }
.us-fcgrove-3 { --a: #5ac89a; --b: #1a6a4a; }
.us-fcgrove-4 { --a: #e0c07a; --b: #8a6a2a; }
.us-fcgrove-5 { --a: #a8c8b0; --b: #3a5a4a; }
.us-fchorizontext {
    background: linear-gradient(180deg, var(--a) 0 55%, var(--b) 55%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b);
    filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 1px 1px color-mix(in srgb, var(--b) 60%, transparent)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fchorizontext-1 { --a: #5ec8ff; --b: #0a4fa0; }
.us-fchorizontext-2 { --a: #ffb36b; --b: #5a2a8a; }
.us-fchorizontext-3 { --a: #6ab8ff; --b: #2e8a2e; }
.us-fchorizontext-4 { --a: #8ff0e0; --b: #0a6a8a; }
.us-fchorizontext-5 { --a: #ff8ab8; --b: #2a2a7a; }
.us-fcsilver {
    background: linear-gradient(180deg, #ffffff 0%, #dfe4ea 40%, #9aa4b0 50%, #c8ced6 65%, #ffffff 100%);
    color: var(--a); text-shadow: 0 1px 0 #ffffff, 0 0 6px color-mix(in srgb, var(--a) 45%, transparent); border: 1px solid #8a94a0; border-radius: 999px; padding: 1px 13px; box-shadow: 0 2px 4px rgba(0,0,0,0.3), inset 0 1px 0 #ffffff;
}
.us-fcsilver-1 { --a: #0a7ac0; }
.us-fcsilver-2 { --a: #0a8a6a; }
.us-fcsilver-3 { --a: #c0306a; }
.us-fcsilver-4 { --a: #4a8a00; }
.us-fcsilver-5 { --a: #2f3fa0; }
.us-fcwavefill {
    background: radial-gradient(circle 5px at 50% 0, transparent 4px, var(--a) 4.5px) 0 52% / 10px 5px repeat-x, linear-gradient(180deg, transparent 78%, var(--a) 78%), linear-gradient(180deg, rgba(255,255,255,0.95), rgba(240,248,255,0.9));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 999px; padding: 0 13px 5px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6), 0 2px 5px color-mix(in srgb, var(--a) 30%, transparent);
}
.us-fcwavefill { background-position: 0 calc(78% - 4px), 0 0, 0 0; }
.us-fcwavefill-1 { --a: #3aa8f0; --ink: #0b3050; }
.us-fcwavefill-2 { --a: #7ed321; --ink: #24400f; }
.us-fcwavefill-3 { --a: #ffa63a; --ink: #4a2600; }
.us-fcwavefill-4 { --a: #e0408a; --ink: #4a0f2a; }
.us-fcwavefill-5 { --a: #8a5ae0; --ink: #2a1052; }
.us-fcprismfan {
    background: conic-gradient(from 60deg at 30% 50%, transparent 0deg, rgba(255,80,80,0.4) 2deg 10deg, rgba(255,200,60,0.4) 10deg 18deg, rgba(120,220,90,0.4) 18deg 26deg, rgba(70,170,255,0.4) 26deg 34deg, rgba(150,100,255,0.4) 34deg 42deg, transparent 42deg), linear-gradient(180deg, transparent 47%, rgba(255,255,255,0.95) 49% 51%, transparent 53%) 0 0 / 30% 100% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--a) 22%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 4px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 35%, transparent), 0 3px 8px rgba(0,0,0,0.12);
}
.us-fcprismfan-1 { --a: #8fb8d8; --ink: #1a2f40; }
.us-fcprismfan-2 { --a: #4fa8f0; --ink: #0b2e4d; }
.us-fcprismfan-3 { --a: #4fd8b0; --ink: #0b3d30; }
.us-fcprismfan-4 { --a: #f08ab8; --ink: #4a1028; }
.us-fcprismfan-5 { --a: #f0c050; --ink: #4a3300; }
.us-fcvisor {
    background: linear-gradient(170deg, transparent 30%, rgba(255,255,255,0.3) 34% 40%, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, #1a1f26), color-mix(in srgb, var(--a) 25%, #0a0d12));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.3); border-radius: 999px 999px 10px 10px; padding: 1px 14px; box-shadow: 0 4px 10px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.35);
}
.us-fcvisor-1 { --a: #6b7a8f; }
.us-fcvisor-2 { --a: #2f5a9a; }
.us-fcvisor-3 { --a: #2f7a5a; }
.us-fcvisor-4 { --a: #6a3a8a; }
.us-fcvisor-5 { --a: #9a6a2a; }
.us-fcunderglow {
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.7)); color: var(--ink); border: 1px solid #ffffff; border-bottom: 2px solid var(--a); border-radius: 8px;
    box-shadow: 0 5px 10px -3px var(--a), 0 8px 14px -6px var(--b), 0 0 0 1px rgba(0,0,0,0.05);
}
.us-fcunderglow-1 { --a: #00e5ff; --b: #ff4fd8; --ink: #2a1a4a; }
.us-fcunderglow-2 { --a: #9cff3a; --b: #2a8bff; --ink: #14330a; }
.us-fcunderglow-3 { --a: #ffb02e; --b: #ff3f6a; --ink: #4a1a00; }
.us-fcunderglow-4 { --a: #3ad0ff; --b: #3affb0; --ink: #06303a; }
.us-fcunderglow-5 { --a: #a66bff; --b: #5ac8ff; --ink: #25124d; }
.us-fcfoil {
    background: repeating-linear-gradient(115deg, color-mix(in srgb, var(--a) 40%, transparent) 0 6px, color-mix(in srgb, var(--b) 40%, transparent) 6px 12px, color-mix(in srgb, var(--c) 40%, transparent) 12px 18px), linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.75));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 3px 8px color-mix(in srgb, var(--b) 25%, transparent), inset 0 1px 0 #ffffff;
}
.us-fcfoil-1 { --a: #7fd8ff; --b: #ff9be6; --c: #fff27a; --ink: #2a2a4a; }
.us-fcfoil-2 { --a: #7fffd4; --b: #7fbfff; --c: #d4ff7f; --ink: #0d3a33; }
.us-fcfoil-3 { --a: #ffb38a; --b: #ff8fc7; --c: #ffe08a; --ink: #4a1f0d; }
.us-fcfoil-4 { --a: #b38aff; --b: #7fd8ff; --c: #ff9be6; --ink: #25124d; }
.us-fcfoil-5 { --a: #d4ff6b; --b: #ffd23f; --c: #7fffd4; --ink: #2a3a00; }
.us-fcbrackets {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) 0 0 / 6px 100% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%) 100% 0 / 6px 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) 0 0 / 6px 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) 100% 0 / 6px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 10%, #ffffff));
    color: color-mix(in srgb, var(--a) 55%, #000000); border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 999px; padding: 1px 14px; box-shadow: 0 2px 5px color-mix(in srgb, var(--a) 30%, transparent);
}
.us-fcbrackets-1 { --a: #2fa8f0; }
.us-fcbrackets-2 { --a: #6cc417; }
.us-fcbrackets-3 { --a: #f0509a; }
.us-fcbrackets-4 { --a: #ff8c1a; }
.us-fcbrackets-5 { --a: #8a4ae0; }
.us-fcjellycube {
    background: linear-gradient(135deg, rgba(255,255,255,0.75) 0 8%, transparent 8%) 3px 3px / 40% 60% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 65%, #ffffff), var(--a) 60%, color-mix(in srgb, var(--a) 75%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 7px; padding: 2px 12px; border: 1px solid color-mix(in srgb, var(--a) 70%, #ffffff); box-shadow: inset 0 0 0 2px rgba(255,255,255,0.25), inset 0 -3px 4px rgba(0,0,0,0.2), 0 3px 6px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fcjellycube-1 { --a: #e0203a; }
.us-fcjellycube-2 { --a: #5cc41a; }
.us-fcjellycube-3 { --a: #2a6ae0; }
.us-fcjellycube-4 { --a: #ff8a1a; }
.us-fcjellycube-5 { --a: #8a3ad6; }
.us-fcwrapper {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), repeating-linear-gradient(90deg, var(--a) 0 3px, color-mix(in srgb, var(--a) 65%, #ffffff) 3px 6px) 0 0 / 9px 100% no-repeat, repeating-linear-gradient(90deg, var(--a) 0 3px, color-mix(in srgb, var(--a) 65%, #ffffff) 3px 6px) 100% 0 / 9px 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 0; padding: 1px 16px; clip-path: polygon(0 0, 9px 30%, 13px 0, calc(100% - 13px) 0, calc(100% - 9px) 30%, 100% 0, 100% 100%, calc(100% - 9px) 70%, calc(100% - 13px) 100%, 13px 100%, 9px 70%, 0 100%);
}
.us-fcwrapper-1 { --a: #e83a5a; }
.us-fcwrapper-2 { --a: #1fb87a; }
.us-fcwrapper-3 { --a: #1f7ae0; }
.us-fcwrapper-4 { --a: #f07a12; }
.us-fcwrapper-5 { --a: #8a3ad6; }
.us-fcgumball {
    background: radial-gradient(circle at 12% 30%, var(--a) 0 2.5px, transparent 3px), radial-gradient(circle at 30% 75%, var(--b) 0 2.5px, transparent 3px), radial-gradient(circle at 70% 25%, var(--c) 0 2.5px, transparent 3px), radial-gradient(circle at 88% 70%, var(--a) 0 2.5px, transparent 3px), radial-gradient(circle at 50% 85%, var(--c) 0 2px, transparent 2.5px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 50%, rgba(255,255,255,0.9), rgba(220,235,245,0.95));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid rgba(0,0,0,0.12); border-radius: 999px; padding: 1px 13px; box-shadow: inset -2px -3px 6px rgba(0,0,0,0.12), 0 2px 5px rgba(0,0,0,0.18);
}
.us-fcgumball-1 { --a: #e0302a; --b: #2a8be0; --c: #ffd23f; --ink: #1a2330; }
.us-fcgumball-2 { --a: #7ed321; --b: #ffd23f; --c: #ff8a1a; --ink: #24400f; }
.us-fcgumball-3 { --a: #ff5ab8; --b: #8a5aff; --c: #e0302a; --ink: #3d0a2b; }
.us-fcgumball-4 { --a: #1ab0c8; --b: #3a4ae0; --c: #7fffd4; --ink: #062a40; }
.us-fcgumball-5 { --a: #ffb3d1; --b: #a8d8ff; --c: #c8f0a0; --ink: #3a2a4a; }
.us-fcsplash {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 50%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; margin: 0 6px; border: 1px solid color-mix(in srgb, var(--a) 50%, #000000); box-shadow: 0 3px 6px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fcsplash::before, .us-fcsplash::after { content: ''; position: absolute; pointer-events: none; top: -3px; width: 5px; height: 5px; border-radius: 50% 0 50% 50%; background: radial-gradient(circle at 35% 35%, #ffffff 0 20%, color-mix(in srgb, var(--a) 60%, #ffffff) 50%, var(--a)); } .us-fcsplash::before { left: -5px; transform: rotate(-30deg); } .us-fcsplash::after { right: -5px; transform: rotate(120deg); }
.us-fcsplash-1 { --a: #2f8fd6; }
.us-fcsplash-2 { --a: #4a9e1a; }
.us-fcsplash-3 { --a: #d63a7a; }
.us-fcsplash-4 { --a: #0f8f8f; }
.us-fcsplash-5 { --a: #6a3ad6; }
.us-fcshelf {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 6px 6px 3px 3px; padding: 1px 12px; margin-bottom: 4px; box-shadow: 0 4px 0 -1px rgba(255,255,255,0.9), 0 4px 0 0 color-mix(in srgb, var(--a) 35%, #9aa5b2), 0 7px 6px -2px rgba(0,0,0,0.25);
}
.us-fcshelf-1 { --a: #1e88e5; }
.us-fcshelf-2 { --a: #2e9e3e; }
.us-fcshelf-3 { --a: #e0503a; }
.us-fcshelf-4 { --a: #b03ad6; }
.us-fcshelf-5 { --a: #4a5868; }
.us-fcspheres {
    background: radial-gradient(circle at 10% 35%, #ffffff 0 0.8px, var(--a) 1.6px 3px, transparent 3.5px), radial-gradient(circle at 30% 76%, #ffffff 0 0.8px, var(--b) 1.6px 2.6px, transparent 3px), radial-gradient(circle at 72% 22%, #ffffff 0 0.8px, var(--b) 1.6px 3px, transparent 3.5px), radial-gradient(circle at 91% 68%, #ffffff 0 0.8px, var(--a) 1.6px 3.4px, transparent 3.9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 12%, #ffffff));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid #ffffff; border-radius: 12px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 30%, transparent), 0 3px 8px color-mix(in srgb, var(--a) 22%, transparent);
}
.us-fcspheres-1 { --a: #4fb8ff; --b: #9be36a; --ink: #0b2e4d; }
.us-fcspheres-2 { --a: #7ed321; --b: #ffd23f; --ink: #24400f; }
.us-fcspheres-3 { --a: #ff7ab6; --b: #b49aff; --ink: #4a1036; }
.us-fcspheres-4 { --a: #00c8d8; --b: #3a7bff; --ink: #033640; }
.us-fcspheres-5 { --a: #ffb02e; --b: #ff7a5a; --ink: #4a2600; }
.us-fctwist {
    background: radial-gradient(ellipse 60% 90% at 25% 110%, transparent 55%, color-mix(in srgb, var(--a) 50%, transparent) 60%, transparent 66%), radial-gradient(ellipse 60% 90% at 75% -10%, transparent 55%, color-mix(in srgb, var(--a) 50%, transparent) 60%, transparent 66%), radial-gradient(ellipse 60% 90% at 25% -10%, transparent 55%, color-mix(in srgb, var(--b) 45%, transparent) 60%, transparent 66%), radial-gradient(ellipse 60% 90% at 75% 110%, transparent 55%, color-mix(in srgb, var(--b) 45%, transparent) 60%, transparent 66%), linear-gradient(180deg, #ffffff, #f2f8fc);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 30%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.us-fctwist-1 { --a: #29b6f6; --b: #66bb6a; --ink: #0b2e4d; }
.us-fctwist-2 { --a: #9ccc65; --b: #ffca28; --ink: #24400f; }
.us-fctwist-3 { --a: #f06292; --b: #ba68c8; --ink: #4a1028; }
.us-fctwist-4 { --a: #26c6da; --b: #5c6bc0; --ink: #06303a; }
.us-fctwist-5 { --a: #ffa726; --b: #ef5350; --ink: #4a1f00; }
.us-fcrings {
    background: radial-gradient(circle at 10% 30%, transparent 3px, rgba(255,255,255,0.35) 3.5px 4.5px, transparent 5px), radial-gradient(circle at 34% 80%, transparent 4px, rgba(255,255,255,0.3) 4.5px 5.5px, transparent 6px), radial-gradient(circle at 62% 20%, transparent 2px, rgba(255,255,255,0.35) 2.5px 3.5px, transparent 4px), radial-gradient(circle at 90% 70%, transparent 5px, rgba(255,255,255,0.28) 5.5px 6.5px, transparent 7px), linear-gradient(135deg, var(--b), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-fcrings-1 { --a: #5ab0f0; --b: #2a5ac8; }
.us-fcrings-2 { --a: #8ad66a; --b: #2a8a4a; }
.us-fcrings-3 { --a: #ff9ac8; --b: #c83a8a; }
.us-fcrings-4 { --a: #5ad6d0; --b: #127a8a; }
.us-fcrings-5 { --a: #c4a8ff; --b: #6a4ac8; }
.us-fcpricetag {
    background: radial-gradient(circle 2px at 8px 50%, #ffffff 0 90%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 0 4px 4px 0; padding: 1px 12px 1px 16px; clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%); font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; font-weight: 800;
}
.us-fcpricetag-1 { --a: #1e88e5; --b: #26c6da; }
.us-fcpricetag-2 { --a: #43a047; --b: #9ccc65; }
.us-fcpricetag-3 { --a: #f4511e; --b: #ffb300; }
.us-fcpricetag-4 { --a: #d81b60; --b: #8e24aa; }
.us-fcpricetag-5 { --a: #455a64; --b: #90a4ae; }
.us-fcaward {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 70%) padding-box, linear-gradient(180deg, #fff3b0, #d4a017 50%, #fff3b0) border-box;
    border: 2px solid transparent; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 0 12px; margin-bottom: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.us-fcaward::before, .us-fcaward::after { content: ''; position: absolute; pointer-events: none; bottom: -6px; width: 6px; height: 8px; z-index: -1; background: color-mix(in srgb, var(--a) 75%, #000000); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); } .us-fcaward::before { left: 35%; transform: rotate(12deg); } .us-fcaward::after { right: 35%; transform: rotate(-12deg); }
.us-fcaward-1 { --a: #1e88e5; }
.us-fcaward-2 { --a: #43a047; }
.us-fcaward-3 { --a: #e53935; }
.us-fcaward-4 { --a: #fb8c00; }
.us-fcaward-5 { --a: #8e24aa; }
.us-fcstepper {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) 0 0 / 15px 100% no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a)) 100% 0 / 15px 100% no-repeat, linear-gradient(180deg, #ffffff, #eef2f6);
    color: var(--ink); border-radius: 999px; padding: 1px 21px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}
.us-fcstepper::before, .us-fcstepper::after { content: ''; position: absolute; pointer-events: none; top: 50%; margin-top: -0.73em; line-height: 1.45; font-size: 12px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.4); } .us-fcstepper::before { content: '\2212'; left: 4px; } .us-fcstepper::after { content: '+'; right: 4px; }
.us-fcstepper-1 { --a: #34c759; --ink: #14330a; }
.us-fcstepper-2 { --a: #0a84ff; --ink: #0b2e4d; }
.us-fcstepper-3 { --a: #ff9500; --ink: #4a2600; }
.us-fcstepper-4 { --a: #ff2d78; --ink: #4a0f2a; }
.us-fcstepper-5 { --a: #30b0c7; --ink: #033640; }
.us-fcnotify {
    background: radial-gradient(ellipse 120% 70% at 50% -10%, rgba(255,255,255,0.75), transparent 60%), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 3px 13px 3px 11px; margin-right: 4px; box-shadow: inset 0 -2px 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6), 0 3px 6px rgba(0,0,0,0.25);
}
.us-fcnotify::after { content: ''; position: absolute; pointer-events: none; right: -4px; top: -4px; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ff9a9a, #e0202a 60%, #a00010); border: 1px solid #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.35); }
.us-fcnotify-1 { --a: #5ac8fa; --b: #1a6fd6; }
.us-fcnotify-2 { --a: #7ae27a; --b: #1f9a2a; }
.us-fcnotify-3 { --a: #7fe0c8; --b: #1a9a7a; }
.us-fcnotify-4 { --a: #ffd36b; --b: #f07a12; }
.us-fcnotify-5 { --a: #c49aff; --b: #6a2ad6; }
.us-fcwindripple {
    background: repeating-radial-gradient(ellipse 120% 60% at 50% 160%, transparent 0 4px, color-mix(in srgb, var(--c) 55%, transparent) 4px 5px), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border-radius: 8px; border: 1px solid rgba(255,255,255,0.85);
}
.us-fcwindripple-1 { --a: #ffe8d6; --b: #ffcaa0; --c: #e09060; --ink: #3a2a1a; }
.us-fcwindripple-2 { --a: #e0faf0; --b: #b0ecd0; --c: #4fb090; --ink: #14402b; }
.us-fcwindripple-3 { --a: #f0e8ff; --b: #d0c0ff; --c: #8a70e0; --ink: #2a1a5c; }
.us-fcwindripple-4 { --a: #fff4d6; --b: #f0d8a0; --c: #c8a050; --ink: #4a3300; }
.us-fcwindripple-5 { --a: #e8f4ff; --b: #b0d8ff; --c: #4a90e0; --ink: #0b2e4d; }
.us-fcretrosun {
    background: repeating-linear-gradient(180deg, transparent 0 2px, var(--c) 2px 3px) 0 100% / 100% 45% no-repeat, radial-gradient(circle 9px at 50% 100%, var(--b) 0 90%, transparent 100%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 50%, var(--b)));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; border: 1px solid rgba(255,255,255,0.7); box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.us-fcretrosun-1 { --a: #ff7a5a; --b: #ffe066; --c: #ff7a5a; }
.us-fcretrosun-2 { --a: #e05a98; --b: #ffd36b; --c: #e05a98; }
.us-fcretrosun-3 { --a: #6a3ab0; --b: #ff9a5a; --c: #6a3ab0; }
.us-fcretrosun-4 { --a: #2a6ab0; --b: #ffc46b; --c: #2a6ab0; }
.us-fcretrosun-5 { --a: #1a8a8a; --b: #ffe08a; --c: #1a8a8a; }
.us-fcvines {
    background: radial-gradient(ellipse 3px 4px at 50% 70%, var(--b) 0 90%, transparent) 0 0 / 8px 9px repeat-x, linear-gradient(180deg, var(--b) 0 2px, transparent 2px), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 6px 13px 1px;
}
.us-fcvines-1 { --a: #3a9a5a; --b: #1f5a2a; }
.us-fcvines-2 { --a: #2a8ab0; --b: #2e7d32; }
.us-fcvines-3 { --a: #7ab02a; --b: #3a6a1a; }
.us-fcvines-4 { --a: #2a7a6a; --b: #5ad0a0; }
.us-fcvines-5 { --a: #e08a4a; --b: #2a5a1a; }
.us-fccurrent {
    background: linear-gradient(90deg, transparent 0 20%, rgba(255,255,255,0.5) 30%, transparent 40%) 0 0 / 200% 100%, repeating-linear-gradient(180deg, transparent 0 4px, rgba(255,255,255,0.18) 4px 5px), linear-gradient(180deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 13px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); animation: us-shimmer 2.6s linear infinite;
}
.us-fccurrent-1 { --a: #7fd8ff; --b: #1e78c8; }
.us-fccurrent-2 { --a: #7fe0c0; --b: #1a7a5a; }
.us-fccurrent-3 { --a: #c8ecff; --b: #4a9ad6; }
.us-fccurrent-4 { --a: #6ff0e8; --b: #0a8aa8; }
.us-fccurrent-5 { --a: #a8b8ff; --b: #3a3ab0; }
.us-fcfoam {
    background: radial-gradient(circle 4px at 50% 0, rgba(255,255,255,0.95) 0 70%, rgba(255,255,255,0.4) 85%, transparent 100%) 0 0 / 7px 5px repeat-x, radial-gradient(circle 3px at 50% 0, rgba(255,255,255,0.9) 0 70%, transparent 100%) 3px 3px / 9px 4px repeat-x, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 65%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 10px; padding: 5px 13px 1px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000);
}
.us-fcfoam-1 { --a: #1e9be0; }
.us-fcfoam-2 { --a: #4caf1a; }
.us-fcfoam-3 { --a: #d6336a; }
.us-fcfoam-4 { --a: #12a88a; }
.us-fcfoam-5 { --a: #7a3ad6; }
.us-fcarc {
    background: radial-gradient(ellipse 80% 140% at 50% 160%, transparent 60%, color-mix(in srgb, var(--a) 55%, transparent) 63% 67%, transparent 70%), linear-gradient(180deg, #ffffff 0%, #f4f8fb 50%, #e9f0f6 51%, #ffffff 100%);
    color: var(--ink); text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 13px; box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.us-fcarc-1 { --a: #2a8be0; --ink: #0b2e4d; }
.us-fcarc-2 { --a: #43a047; --ink: #14330a; }
.us-fcarc-3 { --a: #ff6f61; --ink: #4a1a10; }
.us-fcarc-4 { --a: #00a3b5; --ink: #033640; }
.us-fcarc-5 { --a: #8a5ae0; --ink: #25124d; }
.us-fcsprout {
    background: radial-gradient(ellipse 4px 2.5px at 8px 42%, var(--a) 0 90%, transparent), radial-gradient(ellipse 4px 2.5px at 15px 36%, var(--a) 0 90%, transparent), linear-gradient(var(--a), var(--a)) 11px 45% / 1.5px 6px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--a) 18%, #ffffff), #ffffff 40%);
    color: var(--ink); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 12px 1px 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), inset 0 1px 0 #ffffff; font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcsprout-1 { --a: #43a047; --ink: #14330a; }
.us-fcsprout-2 { --a: #00a387; --ink: #063d33; }
.us-fcsprout-3 { --a: #1e88e5; --ink: #0b2e4d; }
.us-fcsprout-4 { --a: #f9a825; --ink: #4a3000; }
.us-fcsprout-5 { --a: #ec407a; --ink: #4a0f2a; }
.us-fcloop {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 14%, #ffffff)) padding-box, repeating-conic-gradient(from 0deg, var(--a) 0 20deg, var(--b) 20deg 40deg, transparent 40deg 50deg) border-box;
    border: 2px solid transparent; color: var(--ink); border-radius: 999px; padding: 0 13px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.us-fcloop-1 { --a: #43a047; --b: #1e88e5; --ink: #14330a; }
.us-fcloop-2 { --a: #7cb342; --b: #00897b; --ink: #063d33; }
.us-fcloop-3 { --a: #29b6f6; --b: #26a69a; --ink: #0b2e4d; }
.us-fcloop-4 { --a: #fbc02d; --b: #43a047; --ink: #4a3300; }
.us-fcloop-5 { --a: #00acc1; --b: #7e57c2; --ink: #25124d; }
.us-fcplug {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); border-radius: 3px 999px 999px 3px; padding: 1px 13px 1px 10px; margin-left: 6px; box-shadow: 0 2px 3px rgba(0,0,0,0.25);
}
.us-fcplug::before { content: ''; position: absolute; pointer-events: none; left: -6px; top: 50%; width: 6px; height: 7px; margin-top: -3.5px; background: linear-gradient(180deg, #ffffff, #9aa5b2) 0 0 / 100% 2px no-repeat, linear-gradient(180deg, #ffffff, #9aa5b2) 0 100% / 100% 2px no-repeat; }
.us-fcplug-1 { --a: #2fb52f; }
.us-fcplug-2 { --a: #1f4fa8; }
.us-fcplug-3 { --a: #e6a000; }
.us-fcplug-4 { --a: #0f6a7a; }
.us-fcplug-5 { --a: #4a2fa8; }
.us-fcbarchart {
    background: linear-gradient(var(--a), var(--b)) 8% 100% / 10% 40% no-repeat, linear-gradient(var(--a), var(--b)) 30% 100% / 10% 65% no-repeat, linear-gradient(var(--a), var(--b)) 52% 100% / 10% 50% no-repeat, linear-gradient(var(--a), var(--b)) 74% 100% / 10% 85% no-repeat, linear-gradient(var(--a), var(--b)) 96% 100% / 10% 70% no-repeat, linear-gradient(180deg, #ffffff, #f2f6f9);
    color: #1f2a36; text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 2px #ffffff; padding: 1px 10px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.6);
}
.us-fcbarchart-1 { --a: color-mix(in srgb, #2fb52f 45%, transparent); --b: color-mix(in srgb, #9be36a 45%, transparent); }
.us-fcbarchart-2 { --a: color-mix(in srgb, #1e78d0 45%, transparent); --b: color-mix(in srgb, #7fd8ff 45%, transparent); }
.us-fcbarchart-3 { --a: color-mix(in srgb, #e0302a 45%, transparent); --b: color-mix(in srgb, #ffb02e 45%, transparent); }
.us-fcbarchart-4 { --a: color-mix(in srgb, #00897b 45%, transparent); --b: color-mix(in srgb, #80e8d5 45%, transparent); }
.us-fcbarchart-5 { --a: color-mix(in srgb, #6a2ad6 45%, transparent); --b: color-mix(in srgb, #ff7ad9 45%, transparent); }
.us-fcstonestack {
    background: radial-gradient(ellipse 35% 30% at 30% 25%, rgba(255,255,255,0.65), transparent 70%), linear-gradient(160deg, var(--a), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 45% 55% 50% 50% / 50% 50% 50% 50%; padding: 2px 15px; margin-top: 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.25);
}
.us-fcstonestack::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: -6px; width: 14px; height: 7px; margin-left: -7px; border-radius: 50%; background: radial-gradient(ellipse 40% 40% at 30% 30%, rgba(255,255,255,0.7), transparent 70%), linear-gradient(160deg, var(--a), var(--b)); box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
.us-fcstonestack-1 { --a: #8fa3b0; --b: #4a5a66; }
.us-fcstonestack-2 { --a: #5ab08a; --b: #1f5a40; }
.us-fcstonestack-3 { --a: #7fd0c8; --b: #2a7a80; }
.us-fcstonestack-4 { --a: #d8b48a; --b: #8a5a3a; }
.us-fcstonestack-5 { --a: #6a7a9a; --b: #2a3348; }
.us-fcbrick {
    background: linear-gradient(90deg, rgba(255,255,255,0.7) 1px, transparent 1px) 0 0 / 12px 100%, linear-gradient(rgba(255,255,255,0.7) 1px, transparent 1px) 0 0 / 100% 50%, radial-gradient(circle at 50% 50%, rgba(255,255,255,0.35), transparent 70%) 0 0 / 12px 50%, linear-gradient(180deg, color-mix(in srgb, var(--a) 45%, #ffffff), var(--a));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px; border: 1px solid color-mix(in srgb, var(--a) 55%, #000000); box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.us-fcbrick-1 { --a: #3aa8e0; }
.us-fcbrick-2 { --a: #16a05a; }
.us-fcbrick-3 { --a: #d61a4a; }
.us-fcbrick-4 { --a: #7a3ad6; }
.us-fcbrick-5 { --a: #e0a010; }
.us-fccorona {
    background: radial-gradient(ellipse 60% 80% at 50% 50%, #ffffff 40%, color-mix(in srgb, var(--a) 30%, #ffffff) 100%);
    color: var(--ink); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 1px #ffffff, 0 0 6px 2px color-mix(in srgb, var(--a) 70%, transparent), 0 0 16px 4px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fccorona-1 { --a: #29b6f6; --ink: #0b2e4d; }
.us-fccorona-2 { --a: #66bb6a; --ink: #14330a; }
.us-fccorona-3 { --a: #ffca28; --ink: #4a3300; }
.us-fccorona-4 { --a: #f06292; --ink: #4a1028; }
.us-fccorona-5 { --a: #9575cd; --ink: #25124d; }
.us-fcstreak {
    background: linear-gradient(110deg, transparent 20%, color-mix(in srgb, var(--a) 65%, transparent) 40%, color-mix(in srgb, var(--b) 55%, transparent) 60%, transparent 80%), #fffdf8;
    color: var(--ink); border-radius: 6px; border: 1px solid rgba(255,255,255,0.9); box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.us-fcstreak-1 { --a: #ffb36b; --b: #ff7a9a; --ink: #4a1f0d; }
.us-fcstreak-2 { --a: #7fd8ff; --b: #a68bff; --ink: #14244a; }
.us-fcstreak-3 { --a: #b4f06b; --b: #6bd8ff; --ink: #1f3a0d; }
.us-fcstreak-4 { --a: #ffd36b; --b: #ffa36b; --ink: #4a3000; }
.us-fcstreak-5 { --a: #ff9be6; --b: #7fffd4; --ink: #3d1036; }
.us-fcglaciertext {
    background: linear-gradient(180deg, #ffffff 0 8%, color-mix(in srgb, var(--a) 55%, #ffffff) 35%, var(--a) 70%, color-mix(in srgb, var(--a) 50%, #000000)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(0 0 1px color-mix(in srgb, var(--a) 60%, #000000)) drop-shadow(0 0 4px color-mix(in srgb, var(--a) 50%, transparent)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fcglaciertext-1 { --a: #3a9ae0; }
.us-fcglaciertext-2 { --a: #1ab890; }
.us-fcglaciertext-3 { --a: #8a6ae0; }
.us-fcglaciertext-4 { --a: #e0508a; }
.us-fcglaciertext-5 { --a: #5a6a80; }
.us-fcrippletext {
    background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--a) 55%, #ffffff) 0 2px, var(--a) 2px 4px); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 60%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fcrippletext-1 { --a: #1e88e5; }
.us-fcrippletext-2 { --a: #00acc1; }
.us-fcrippletext-3 { --a: #43a047; }
.us-fcrippletext-4 { --a: #7e57c2; }
.us-fcrippletext-5 { --a: #f4511e; }
.us-fccandytext {
    background: repeating-linear-gradient(-45deg, var(--a) 0 3px, color-mix(in srgb, var(--a) 45%, #ffffff) 3px 6px); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 55%, #000000)) drop-shadow(0 1px 2px rgba(0,0,0,0.2)); font-weight: 900; padding: 0 3px; border-radius: 0; font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif;
}
.us-fccandytext-1 { --a: #e0203a; }
.us-fccandytext-2 { --a: #12a07a; }
.us-fccandytext-3 { --a: #1e78d0; }
.us-fccandytext-4 { --a: #f07a12; }
.us-fccandytext-5 { --a: #8a3ad6; }
.us-fcmetaltext {
    background: linear-gradient(180deg, #ffffff 0%, #c8d0d8 45%, #6a7480 50%, #b0b8c2 70%, #ffffff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    -webkit-text-stroke: 0.7px #3a4450; filter: drop-shadow(0 1px 0 rgba(0,0,0,0.35)) drop-shadow(0 0 3px color-mix(in srgb, var(--a) 80%, transparent)); font-weight: 900; padding: 0 3px; border-radius: 0;
}
.us-fcmetaltext-1 { --a: #1e88e5; }
.us-fcmetaltext-2 { --a: #2fb52f; }
.us-fcmetaltext-3 { --a: #e0302a; }
.us-fcmetaltext-4 { --a: #ffb300; }
.us-fcmetaltext-5 { --a: #8a3ad6; }
.us-fcspringtext {
    background: linear-gradient(90deg, var(--a), var(--b), var(--a)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--a);
    filter: drop-shadow(0 0 1px #ffffff) drop-shadow(0 1px 0 color-mix(in srgb, var(--a) 55%, #000000)); font-weight: 900; padding: 0 3px; border-radius: 0; font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; font-style: italic;
}
.us-fcspringtext-1 { --a: #2e7d32; --b: #9be36a; }
.us-fcspringtext-2 { --a: #558b2f; --b: #e0e040; }
.us-fcspringtext-3 { --a: #00796b; --b: #4fc3f7; }
.us-fcspringtext-4 { --a: #2e7d32; --b: #f48fb1; }
.us-fcspringtext-5 { --a: #6a8a00; --b: #ffb300; }
.us-fccontrail {
    background: linear-gradient(165deg, transparent 0 46%, rgba(255,255,255,0.95) 49% 51%, transparent 54%) 0 0 / 70% 100% no-repeat, radial-gradient(circle 1.8px at 70% 34%, #ffffff 0 90%, transparent), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, var(--a), var(--b));
    color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.6); border: 2px solid #ffffff; border-radius: 999px; padding: 0 13px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 50%, transparent), 0 2px 6px color-mix(in srgb, var(--b) 35%, transparent);
}
.us-fccontrail-1 { --a: #c4e6ff; --b: #5ab0f0; --ink: #0d2e4d; }
.us-fccontrail-2 { --a: #ccfff0; --b: #4fd0a8; --ink: #0d3d2e; }
.us-fccontrail-3 { --a: #ffe0cc; --b: #ff9a6b; --ink: #4a1f0d; }
.us-fccontrail-4 { --a: #ece0ff; --b: #a088f0; --ink: #2a1a5c; }
.us-fccontrail-5 { --a: #fff8cc; --b: #f0c84a; --ink: #4a3d00; }
.us-fcpatch {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), radial-gradient(circle at 50% 50%, var(--a), color-mix(in srgb, var(--a) 70%, #000000));
    color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 13px; outline: 1.5px dashed rgba(255,255,255,0.85); outline-offset: -4px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 60%, #000000), 0 3px 6px rgba(0,0,0,0.25);
}
.us-fcpatch-1 { --a: #1fa8e8; }
.us-fcpatch-2 { --a: #5cbf1a; }
.us-fcpatch-3 { --a: #f0408a; }
.us-fcpatch-4 { --a: #ff8a1a; }
.us-fcpatch-5 { --a: #8a4ae0; }
.us-fcheadercard {
    background: linear-gradient(90deg, var(--a), var(--b)) 0 0 / 100% 5px no-repeat, linear-gradient(180deg, #ffffff, #f4f7fa);
    color: var(--ink); border-radius: 6px; padding: 5px 12px 1px; box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 0 3px 8px rgba(0,0,0,0.12); font-family: 'Segoe UI', system-ui, sans-serif;
}
.us-fcheadercard-1 { --a: #29b6f6; --b: #1e88e5; --ink: #0b2e4d; }
.us-fcheadercard-2 { --a: #9ccc65; --b: #43a047; --ink: #14330a; }
.us-fcheadercard-3 { --a: #ffb74d; --b: #f4511e; --ink: #4a1f00; }
.us-fcheadercard-4 { --a: #f06292; --b: #8e24aa; --ink: #4a0f2a; }
.us-fcheadercard-5 { --a: #4dd0e1; --b: #00838f; --ink: #033640; }
.us-fcrange {
    background: radial-gradient(circle 4px at 25% calc(100% - 4px), #ffffff 0 30%, color-mix(in srgb, var(--a) 60%, #ffffff) 55%, color-mix(in srgb, var(--a) 70%, #000000) 85%, transparent 100%), radial-gradient(circle 4px at 75% calc(100% - 4px), #ffffff 0 30%, color-mix(in srgb, var(--a) 60%, #ffffff) 55%, color-mix(in srgb, var(--a) 70%, #000000) 85%, transparent 100%), linear-gradient(90deg, transparent 25%, var(--a) 25% 75%, transparent 75%) 0 calc(100% - 3px) / 100% 2px no-repeat, linear-gradient(#d5dde6, #d5dde6) 0 calc(100% - 3px) / 100% 2px no-repeat, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, #ffffff, #eef2f6);
    color: var(--ink); border: 1px solid #c3ccd6; border-radius: 999px; padding: 0 14px 8px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.12);
}
.us-fcrange-1 { --a: #2a8be0; --ink: #0b2e4d; }
.us-fcrange-2 { --a: #f0b020; --ink: #4a3300; }
.us-fcrange-3 { --a: #43a047; --ink: #14330a; }
.us-fcrange-4 { --a: #7e57c2; --ink: #25124d; }
.us-fcrange-5 { --a: #00a3b5; --ink: #033640; }
.us-plripple {
    background: repeating-radial-gradient(circle at 30% 130%, transparent 0 6px, color-mix(in srgb, var(--c) 45%, #ffffff) 6px 7px, transparent 7px 12px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; box-shadow: inset 0 -3px 0 var(--o);
}
.us-plripple-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plripple-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plripple-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plripple-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plripple-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plcaustic {
    background: repeating-linear-gradient(35deg, transparent 0 7px, rgba(255,255,255,0.4) 7px 8px, transparent 8px 13px), repeating-linear-gradient(-50deg, transparent 0 9px, rgba(255,255,255,0.35) 9px 10px, transparent 10px 15px), var(--c); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border-radius: 6px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6), inset 0 -2px 0 var(--o);
}
.us-plcaustic-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plcaustic-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plcaustic-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plcaustic-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcaustic-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plsurface {
    background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0) 40%), linear-gradient(180deg, var(--w) 0%, var(--c) 40%, var(--b) 100%); color: #ffffff; text-shadow: 0 1px 0 var(--o), 0 2px 0 color-mix(in srgb, var(--o) 60%, #000000), 0 2px 4px rgba(0,0,0,0.4); border-radius: 999px; padding: 1px 14px;
}
.us-plsurface-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plsurface-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsurface-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plsurface-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plsurface-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plscallop {
    background: radial-gradient(circle at 5px 0, transparent 0 4.5px, var(--c) 5px) 0 100% / 10px 5px repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); border-radius: 8px 8px 4px 4px; padding: 1px 12px 6px;
}
.us-plscallop-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plscallop-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plscallop-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plscallop-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plscallop-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plsplash {
    background: radial-gradient(circle at 8% 20%, #ffffff 0 1.5px, transparent 2px), radial-gradient(circle at 92% 25%, #ffffff 0 1.2px, transparent 1.7px), radial-gradient(circle at 88% 80%, #ffffff 0 1.8px, transparent 2.3px), radial-gradient(circle at 12% 82%, #ffffff 0 1px, transparent 1.5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--o); border-radius: 14px 4px 14px 4px;
}
.us-plsplash-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plsplash-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsplash-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plsplash-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsplash-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plbubbles {
    background: radial-gradient(circle at 12% 70%, transparent 0 1.8px, rgba(255,255,255,0.9) 2px 2.8px, transparent 3.1px), radial-gradient(circle at 86% 35%, transparent 0 2.4px, rgba(255,255,255,0.85) 2.6px 3.4px, transparent 3.7px), radial-gradient(circle at 62% 85%, rgba(255,255,255,0.8) 0 1.3px, transparent 1.7px), radial-gradient(circle at 34% 18%, rgba(255,255,255,0.8) 0 1px, transparent 1.4px), linear-gradient(180deg, var(--c), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 2px var(--o); animation: us-rise 3s linear infinite;
}
.us-plbubbles-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plbubbles-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plbubbles-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plbubbles-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plbubbles-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-pldeep {
    background: linear-gradient(180deg, var(--w), var(--c) 30%, var(--b) 70%, var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 5px solid var(--o); border-radius: 3px; padding: 1px 12px 1px 9px;
}
.us-pldeep-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-pldeep-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pldeep-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-pldeep-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-pldeep-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plshimmer {
    background: linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--o) 55%, transparent) 45%, rgba(255,255,255,0.9) 50%, color-mix(in srgb, var(--o) 55%, transparent) 55%, transparent 65%) 0 0 / 250% 100%, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; animation: us-shimmer 3.2s ease-in-out infinite;
}
.us-plshimmer-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plshimmer-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plshimmer-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plshimmer-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plshimmer-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plclear {
    background: linear-gradient(180deg, rgba(255,255,255,0.75), rgba(255,255,255,0.15) 50%), color-mix(in srgb, var(--c) 45%, transparent); color: var(--dk); border: 1px solid var(--c); border-radius: 10px; box-shadow: inset 0 -2px 0 var(--o), 0 1px 3px color-mix(in srgb, var(--b) 30%, transparent);
}
.us-plclear-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plclear-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plclear-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plclear-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plclear-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plrays {
    background: repeating-conic-gradient(from 160deg at 50% -40%, rgba(255,255,255,0.2) 0 4deg, transparent 4deg 11deg), linear-gradient(180deg, var(--b), var(--dk)); color: var(--ol); text-shadow: 0 1px 2px #000000; border: 1px solid var(--c); border-radius: 6px;
}
.us-plrays-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plrays-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plrays-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plrays-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plrays-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pldrop {
    background: radial-gradient(ellipse 30% 35% at 22% 28%, rgba(255,255,255,0.9), transparent 70%), radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--c) 40%, #ffffff), var(--c) 55%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 999px 4px; padding: 1px 13px; outline: 2px solid var(--o); outline-offset: 1px; margin: 0 4px;
}
.us-pldrop-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-pldrop-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-pldrop-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-pldrop-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pldrop-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plshore {
    background: linear-gradient(170deg, var(--ol) 0 44%, #ffffff 44% 50%, var(--c) 50% 100%); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border-radius: 8px; box-shadow: 0 1px 3px color-mix(in srgb, var(--b) 35%, transparent);
}
.us-plshore-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plshore-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plshore-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plshore-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plshore-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plwake {
    background: radial-gradient(circle at 8px 50%, var(--o) 0 3.5px, transparent 4px), linear-gradient(162deg, transparent 46%, rgba(255,255,255,0.6) 48% 51%, transparent 53%), linear-gradient(18deg, transparent 46%, rgba(255,255,255,0.6) 48% 51%, transparent 53%), var(--c); color: var(--dk); border-radius: 999px; padding: 1px 14px 1px 18px;
}
.us-plwake-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plwake-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plwake-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plwake-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plwake-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plmist {
    background: radial-gradient(circle, rgba(255,255,255,0.75) 0.7px, transparent 1.2px) 0 0 / 5px 5px, linear-gradient(90deg, var(--o), var(--c)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 14px;
}
.us-plmist-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plmist-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plmist-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plmist-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plmist-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plsunref {
    background: radial-gradient(circle at calc(100% - 10px) 50%, #ffffff 0 1.5px, var(--ol) 2px 3px, var(--o) 3.5px 5px, transparent 5.5px), repeating-linear-gradient(0deg, rgba(255,255,255,0.18) 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 21px 1px 11px;
}
.us-plsunref-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plsunref-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsunref-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plsunref-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsunref-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-pltiles {
    background: linear-gradient(90deg, rgba(255,255,255,0.8) 1px, transparent 1px) 0 0 / 7px 7px, linear-gradient(rgba(255,255,255,0.8) 1px, transparent 1px) 0 0 / 7px 7px, var(--c); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border-radius: 3px; box-shadow: inset 0 -3px 0 var(--o);
}
.us-pltiles-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pltiles-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-pltiles-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-pltiles-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-pltiles-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plmosaic {
    background: linear-gradient(rgba(255,255,255,0.88), rgba(255,255,255,0.88)) 50% 50% / calc(100% - 8px) calc(100% - 8px) no-repeat, conic-gradient(var(--c) 25%, var(--b) 0 50%, var(--w) 0 75%, var(--o) 0) 0 0 / 8px 8px; color: var(--dk); border-radius: 2px; padding: 4px 13px;
}
.us-plmosaic-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plmosaic-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plmosaic-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plmosaic-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plmosaic-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-pllane {
    background: linear-gradient(var(--b), var(--b)) 0 calc(100% - 2px) / 100% 3px no-repeat, linear-gradient(var(--b), var(--b)) calc(100% - 3px) 0 / 3px 100% no-repeat, color-mix(in srgb, var(--c) 70%, #ffffff); color: var(--dk); border-left: 4px solid var(--o); border-radius: 2px; padding: 1px 15px 6px 10px;
}
.us-pllane-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pllane-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-pllane-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pllane-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-pllane-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plrope {
    background: radial-gradient(circle at 4px 3px, var(--o) 0 2.6px, transparent 3px) 0 0 / 16px 6px repeat-x, radial-gradient(circle at 12px 3px, var(--c) 0 2.6px, transparent 3px) 0 0 / 16px 6px repeat-x, radial-gradient(circle at 4px 3px, var(--o) 0 2.6px, transparent 3px) 0 100% / 16px 6px repeat-x, radial-gradient(circle at 12px 3px, var(--c) 0 2.6px, transparent 3px) 0 100% / 16px 6px repeat-x, linear-gradient(180deg, color-mix(in srgb, var(--b) 80%, #ffffff), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 7px 12px;
}
.us-plrope-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plrope-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plrope-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plrope-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plrope-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plbuoy {
    border: 4px solid transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, repeating-linear-gradient(90deg, var(--o) 0 10px, var(--c) 10px 20px) border-box; color: var(--b); border-radius: 999px; padding: 0 12px;
}
.us-plbuoy-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plbuoy-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plbuoy-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plbuoy-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plbuoy-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pldepth {
    background: linear-gradient(var(--o), var(--o)) 100% 0 / 7px 7px no-repeat, #ffffff; color: var(--b); border: 2px solid var(--dk); border-radius: 3px; font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 0 0 0 2px color-mix(in srgb, var(--c) 60%, transparent);
}
.us-pldepth-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-pldepth-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-pldepth-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-pldepth-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pldepth-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plnodive {
    background: #ffffff; color: var(--dk); border: 2px solid var(--o); border-radius: 4px; padding: 1px 10px 1px 23px; box-shadow: inset 0 -3px 0 var(--c); font-weight: 900;
}
.us-plnodive::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 10px; height: 10px; margin-top: -8px; border: 2px solid var(--o); border-radius: 50%; background: linear-gradient(45deg, transparent 42%, var(--o) 42% 58%, transparent 58%); }
.us-plnodive-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plnodive-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plnodive-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plnodive-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plnodive-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plcoping {
    background: linear-gradient(180deg, var(--ol) 0 5px, color-mix(in srgb, var(--o) 70%, #000000) 5px 6px, var(--c) 6px, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 3px 3px; padding: 7px 12px 2px;
}
.us-plcoping-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plcoping-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plcoping-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plcoping-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plcoping-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plgutter {
    background: repeating-linear-gradient(90deg, var(--dk) 0 2px, color-mix(in srgb, var(--c) 40%, #ffffff) 2px 4px) 0 100% / 100% 4px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 3px solid var(--o); border-radius: 3px; padding: 1px 12px 6px;
}
.us-plgutter-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plgutter-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plgutter-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plgutter-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plgutter-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-pldrain {
    background: repeating-linear-gradient(90deg, transparent 0 4px, rgba(0,0,0,0.16) 4px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); text-shadow: 0 0 3px var(--ol), 0 0 2px var(--ol); border: 2px solid var(--b); border-radius: 4px;
}
.us-pldrain-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-pldrain-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-pldrain-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-pldrain-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-pldrain-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plladder {
    background: linear-gradient(90deg, #aeb9c4, #ffffff 45%, #7d8a97) 3px 0 / 4px 100% no-repeat, linear-gradient(90deg, #aeb9c4, #ffffff 45%, #7d8a97) calc(100% - 3px) 0 / 4px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px; padding: 1px 15px; box-shadow: inset 0 -3px 0 var(--o);
}
.us-plladder-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plladder-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plladder-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plladder-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plladder-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plboard {
    background: linear-gradient(180deg, var(--ol) 0 3px, var(--o) 3px calc(100% - 4px), color-mix(in srgb, var(--o) 60%, #000000) calc(100% - 4px)); color: var(--dk); border-radius: 3px 12px 12px 3px; font-weight: 900; box-shadow: 0 4px 0 -1px var(--c), 0 6px 6px rgba(0,0,0,0.2); margin: 0 2px 4px;
}
.us-plboard-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plboard-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plboard-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plboard-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plboard-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plblock {
    background: linear-gradient(180deg, #ffffff 0 4px, var(--o) 4px 7px, var(--b) 7px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); padding: 8px 15px 2px; border-radius: 0; clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 100%, 0 100%); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; letter-spacing: 0.05em;
}
.us-plblock-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plblock-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plblock-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plblock-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plblock-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-pllight {
    background: radial-gradient(ellipse 60% 120% at 50% 50%, color-mix(in srgb, var(--c) 60%, #ffffff) 0%, var(--c) 35%, var(--b) 75%, var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: inset 0 0 0 2px var(--o), 0 0 8px var(--c);
}
.us-pllight-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-pllight-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pllight-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-pllight-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pllight-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plskimmer {
    background: repeating-linear-gradient(90deg, transparent 0 5px, color-mix(in srgb, var(--b) 30%, transparent) 5px 7px) 50% calc(100% - 2px) / 70% 3px no-repeat, linear-gradient(180deg, #fffaf2, #ecdfcd); color: var(--b); border: 2px solid var(--o); border-radius: 10px; padding: 1px 12px 6px; font-weight: 900;
}
.us-plskimmer-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plskimmer-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plskimmer-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plskimmer-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plskimmer-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pldeck {
    background: radial-gradient(circle, rgba(255,255,255,0.45) 0.6px, transparent 1px) 0 0 / 5px 4px, radial-gradient(circle, rgba(0,0,0,0.16) 0.6px, transparent 1px) 2px 2px / 6px 5px, linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); border-radius: 3px; box-shadow: inset 0 -3px 0 var(--c);
}
.us-pldeck-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-pldeck-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-pldeck-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-pldeck-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pldeck-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plterrazzo {
    background: radial-gradient(ellipse 2.4px 1.6px at 12% 28%, var(--o) 90%, transparent), radial-gradient(ellipse 1.8px 2.4px at 30% 78%, var(--c) 90%, transparent), radial-gradient(ellipse 2.6px 1.6px at 55% 18%, var(--b) 90%, transparent), radial-gradient(ellipse 2px 2px at 74% 74%, var(--o) 90%, transparent), radial-gradient(ellipse 2.2px 1.5px at 90% 30%, var(--c) 90%, transparent), radial-gradient(ellipse 1.6px 1.6px at 44% 55%, var(--ol) 90%, transparent), #fffaf3;
    color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border: 1px solid color-mix(in srgb, var(--dk) 20%, transparent); border-radius: 4px;
}
.us-plterrazzo-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plterrazzo-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plterrazzo-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plterrazzo-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plterrazzo-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plwaterline {
    background: repeating-linear-gradient(90deg, var(--o) 0 6px, #ffffff 6px 7px, var(--c) 7px 13px, #ffffff 13px 14px) 0 0 / 100% 5px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 45%, #ffffff)); color: var(--dk); border-radius: 3px; padding: 6px 12px 1px;
}
.us-plwaterline-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plwaterline-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plwaterline-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plwaterline-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plwaterline-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plnighttile {
    background: linear-gradient(90deg, color-mix(in srgb, var(--c) 30%, transparent) 1px, transparent 1px) 0 0 / 7px 7px, linear-gradient(color-mix(in srgb, var(--c) 30%, transparent) 1px, transparent 1px) 0 0 / 7px 7px, linear-gradient(180deg, var(--b), var(--dk)); color: color-mix(in srgb, var(--ol) 55%, #ffffff); text-shadow: 0 1px 1px #000000, 0 0 3px var(--o); border-radius: 4px; box-shadow: 0 0 6px color-mix(in srgb, var(--c) 50%, transparent);
}
.us-plnighttile-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plnighttile-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plnighttile-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plnighttile-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plnighttile-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plpenny {
    background: radial-gradient(circle, color-mix(in srgb, var(--c) 55%, #ffffff) 0 2px, transparent 2.4px) 0 0 / 6px 6px, radial-gradient(circle, color-mix(in srgb, var(--o) 45%, #ffffff) 0 2px, transparent 2.4px) 3px 3px / 6px 6px, var(--w); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; font-weight: 900; border: 1px solid var(--c); border-radius: 5px;
}
.us-plpenny-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plpenny-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plpenny-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plpenny-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plpenny-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plring {
    border: 4px solid transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, repeating-conic-gradient(var(--o) 0 45deg, #ffffff 45deg 90deg) border-box; color: var(--b); border-radius: 999px; padding: 0 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.3), inset 0 0 0 1px var(--c); font-weight: 900;
}
.us-plring-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plring-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plring-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plring-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plring-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plbeachball {
    background: radial-gradient(ellipse 30% 45% at 28% 25%, rgba(255,255,255,0.75), transparent 70%), radial-gradient(ellipse 75% 95% at 50% 45%, transparent 55%, rgba(0,0,0,0.22)), linear-gradient(90deg, var(--o) 0 17%, #ffffff 17% 33%, var(--c) 33% 50%, #ffffff 50% 67%, color-mix(in srgb, var(--b) 45%, #ffffff) 67% 83%, #ffffff 83%); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border-radius: 999px; padding: 1px 14px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
}
.us-plbeachball-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plbeachball-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plbeachball-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plbeachball-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plbeachball-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plnoodle {
    background: radial-gradient(circle, rgba(0,0,0,0.1) 0.7px, transparent 1.2px) 0 0 / 4px 4px, linear-gradient(180deg, var(--ol), var(--o) 50%, color-mix(in srgb, var(--o) 70%, #000000)); color: var(--dk); border-radius: 999px; padding: 1px 14px; border: 1px solid var(--b); box-shadow: inset 5px 0 0 -1px var(--c), inset -5px 0 0 -1px var(--c);
}
.us-plnoodle-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plnoodle-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plnoodle-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plnoodle-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plnoodle-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-pltube {
    background: radial-gradient(ellipse 50% 50% at 50% 25%, rgba(255,255,255,0.55), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--c) 60%, #ffffff), var(--c) 50%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: inset 0 -2px 3px rgba(0,0,0,0.25);
}
.us-pltube::after { content: ''; position: absolute; pointer-events: none; right: 7px; top: 3px; width: 5px; height: 5px; border-radius: 50%; background: var(--o); box-shadow: 0 0 0 1px #ffffff; }
.us-pltube-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-pltube-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pltube-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-pltube-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pltube-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plkick {
    background: linear-gradient(var(--o), var(--o)) 0 calc(100% - 3px) / 100% 3px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--c) 50%, #ffffff), var(--c)); color: var(--dk); border: 1px solid var(--b); border-radius: 12px 12px 4px 4px; padding: 1px 12px 7px;
}
.us-plkick-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plkick-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plkick-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plkick-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plkick-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plgoggles {
    background: radial-gradient(circle at 10px 50%, color-mix(in srgb, var(--c) 55%, #ffffff) 0 2px, var(--c) 2.5px 5px, var(--b) 5.5px 6.5px, transparent 7px), radial-gradient(circle at calc(100% - 10px) 50%, color-mix(in srgb, var(--c) 55%, #ffffff) 0 2px, var(--c) 2.5px 5px, var(--b) 5.5px 6.5px, transparent 7px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); border-radius: 999px; padding: 1px 21px; font-weight: 900;
}
.us-plgoggles-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plgoggles-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plgoggles-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plgoggles-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plgoggles-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plcap {
    background: radial-gradient(ellipse 40% 55% at 35% 15%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.45); border-radius: 999px 999px 6px 6px; padding: 2px 14px 3px; box-shadow: inset 0 -3px 0 var(--c);
}
.us-plcap-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plcap-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plcap-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plcap-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcap-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plfloatie {
    background: radial-gradient(ellipse 80% 60% at 50% 25%, color-mix(in srgb, var(--o) 50%, #ffffff), var(--o) 60%, color-mix(in srgb, var(--o) 78%, #000000)); color: var(--dk); border: 2px solid color-mix(in srgb, var(--c) 60%, #ffffff); border-radius: 10px; box-shadow: 0 0 0 1px var(--b);
}
.us-plfloatie-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plfloatie-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plfloatie-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plfloatie-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plfloatie-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plraft {
    background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--c) 50%, #ffffff) 0 1px, var(--c) 1px 4px, color-mix(in srgb, var(--c) 70%, var(--b)) 4px 5px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 2px solid var(--o); border-radius: 7px;
}
.us-plraft-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plraft-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plraft-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plraft-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plraft-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plwhistle {
    background: radial-gradient(circle at 8px 50%, transparent 0 2.5px, color-mix(in srgb, var(--o) 55%, #000000) 3px 3.6px, transparent 4px), radial-gradient(ellipse 60% 40% at 50% 15%, rgba(255,255,255,0.7), transparent 70%), var(--o); color: var(--dk); border: 2px solid var(--b); border-radius: 999px 6px 6px 999px; padding: 1px 12px 1px 17px;
}
.us-plwhistle-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plwhistle-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plwhistle-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plwhistle-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plwhistle-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plrescue {
    background: linear-gradient(180deg, rgba(255,255,255,0.3), transparent 50%), var(--o); color: #ffffff; text-shadow: 0 1px 0 color-mix(in srgb, var(--o) 55%, #000000), 0 0 2px color-mix(in srgb, var(--o) 55%, #000000); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em;
    border-radius: 999px; padding: 1px 13px; margin: 0 5px; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--b);
}
.us-plrescue-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plrescue-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plrescue-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plrescue-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plrescue-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-pltower {
    background: repeating-linear-gradient(180deg, #ffffff 0 3px, #e3ebf1 3px 4px); color: var(--b); border-top: 4px solid var(--o); border-bottom: 2px solid var(--c); border-radius: 2px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--b) 35%, transparent); font-weight: 900;
}
.us-pltower-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-pltower-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pltower-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-pltower-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-pltower-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plflags {
    background: linear-gradient(var(--dk), var(--dk)) 0 0 / 100% 1px no-repeat, conic-gradient(from 135deg at 6px 0, var(--o) 0 90deg, transparent 0) 0 0 / 24px 6px repeat-x, conic-gradient(from 135deg at 18px 0, var(--c) 0 90deg, transparent 0) 0 0 / 24px 6px repeat-x, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 35%, #ffffff)); color: var(--b); border-radius: 2px; padding: 8px 12px 1px;
}
.us-plflags-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plflags-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plflags-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plflags-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plflags-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plumbrella {
    background: radial-gradient(circle at 4px 6px, transparent 0 3.5px, var(--w) 4px) 0 4px / 8px 6px repeat-x, repeating-linear-gradient(90deg, var(--o) 0 8px, #ffffff 8px 16px) 0 0 / 100% 9px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 35%, #ffffff)); color: var(--b); border-radius: 6px 6px 3px 3px; padding: 10px 12px 1px; font-weight: 900;
}
.us-plumbrella-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plumbrella-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plumbrella-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plumbrella-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plumbrella-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plcabana {
    background: repeating-linear-gradient(90deg, var(--o) 0 6px, #fffaf2 6px 12px); color: var(--b); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; font-weight: 900; border-bottom: 3px solid var(--c); border-radius: 4px 4px 0 0;
}
.us-plcabana-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plcabana-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcabana-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plcabana-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plcabana-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pltowel {
    background: linear-gradient(180deg, var(--c) 0 2px, #ffffff 2px 3px, var(--o) 3px 5px, transparent 5px), linear-gradient(0deg, var(--c) 0 2px, #ffffff 2px 3px, var(--o) 3px 5px, transparent 5px), #fffdf8; color: var(--b); border-radius: 2px; padding: 6px 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.18); font-weight: 900;
}
.us-pltowel-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-pltowel-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-pltowel-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-pltowel-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pltowel-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plweave {
    border: 3px solid transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, repeating-linear-gradient(45deg, var(--o) 0 3px, var(--c) 3px 6px) border-box; color: var(--b); border-radius: 4px; font-weight: 900;
}
.us-plweave-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plweave-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plweave-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plweave-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plweave-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plflipflop {
    background: linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); border-radius: 999px; padding: 3px 14px 1px; box-shadow: 0 2px 0 color-mix(in srgb, var(--o) 60%, #000000);
}
.us-plflipflop::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: -1px; width: 10px; height: 6px; margin-left: -7px; border: 2px solid var(--c); border-top: 0; border-radius: 0 0 7px 7px; }
.us-plflipflop-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plflipflop-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plflipflop-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plflipflop-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plflipflop-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plsunscreen {
    background: linear-gradient(90deg, var(--c) 0 7px, var(--b) 7px 9px, transparent 9px), linear-gradient(180deg, color-mix(in srgb, var(--o) 40%, #ffffff), var(--o)); color: var(--dk); border-radius: 4px 999px 999px 4px; padding: 1px 14px 1px 15px;
}
.us-plsunscreen-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsunscreen-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plsunscreen-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsunscreen-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plsunscreen-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plshades {
    background: linear-gradient(180deg, var(--o) 0%, color-mix(in srgb, var(--o) 50%, var(--c)) 49%, var(--c) 51%, var(--b) 100%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 1px solid var(--dk); border-radius: 4px 4px 12px 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.us-plshades-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plshades-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plshades-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plshades-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plshades-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plicepop {
    background: linear-gradient(180deg, var(--o) 0 50%, var(--c) 50%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 10px 10px 4px 4px; margin-bottom: 4px;
}
.us-plicepop::after { content: ''; position: absolute; pointer-events: none; left: 50%; bottom: -5px; width: 4px; height: 5px; margin-left: -2px; background: #e9cfa3; border-radius: 0 0 2px 2px; }
.us-plicepop-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plicepop-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plicepop-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plicepop-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plicepop-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsoda {
    background: radial-gradient(circle at 20% 72%, rgba(255,255,255,0.85) 0 1.2px, transparent 1.6px), radial-gradient(circle at 74% 30%, rgba(255,255,255,0.8) 0 1.5px, transparent 2px), radial-gradient(circle at 50% 86%, rgba(255,255,255,0.75) 0 1px, transparent 1.4px), radial-gradient(circle at 88% 74%, rgba(255,255,255,0.7) 0 1.1px, transparent 1.5px), linear-gradient(180deg, var(--ol), var(--o));
    color: var(--dk); border-right: 4px solid var(--c); border-radius: 6px;
}
.us-plsoda-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plsoda-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plsoda-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plsoda-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsoda-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plslush {
    background: radial-gradient(circle, rgba(255,255,255,0.7) 0.8px, transparent 1.4px) 0 0 / 4px 4px, radial-gradient(circle, rgba(255,255,255,0.45) 1px, transparent 1.6px) 2px 1px / 6px 5px, linear-gradient(180deg, color-mix(in srgb, var(--c) 60%, #ffffff), var(--c)); color: var(--dk); border-top: 3px solid var(--o); border-radius: 4px 4px 10px 10px;
}
.us-plslush-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plslush-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plslush-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plslush-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plslush-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plcitrus {
    background: repeating-conic-gradient(from 0deg at 50% 100%, var(--o) 0 16deg, var(--ol) 16deg 18deg); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border-radius: 999px 999px 4px 4px; padding: 2px 14px 1px; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--c); margin: 0 5px; font-weight: 900;
}
.us-plcitrus-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcitrus-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plcitrus-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plcitrus-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plcitrus-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plcocktail {
    background: linear-gradient(180deg, color-mix(in srgb, var(--c) 40%, #ffffff), var(--c)); color: var(--dk); border-radius: 6px; padding: 1px 19px 1px 11px;
}
.us-plcocktail::before { content: ''; position: absolute; pointer-events: none; right: 3px; top: -3px; width: 12px; height: 6px; border-radius: 12px 12px 0 0; background: repeating-conic-gradient(from -90deg at 50% 100%, var(--o) 0 30deg, #ffffff 30deg 60deg); }
.us-plcocktail::after { content: ''; position: absolute; pointer-events: none; right: 8.5px; top: 3px; width: 1px; height: 8px; background: var(--dk); }
.us-plcocktail-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plcocktail-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcocktail-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plcocktail-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plcocktail-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plmotel {
    background: linear-gradient(180deg, color-mix(in srgb, var(--b) 55%, #000000), color-mix(in srgb, var(--b) 30%, #000000)); color: #fff6ec; text-shadow: 0 0 2px var(--o), 0 0 5px var(--o); font-family: 'Snell Roundhand', 'Segoe Script', 'Brush Script MT', cursive; font-style: italic; font-size: 1.06em; font-weight: 700; letter-spacing: 0.02em;
    border: 2px solid var(--c); border-radius: 6px; box-shadow: 0 0 6px var(--c), inset 0 0 4px var(--c);
}
.us-plmotel-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plmotel-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plmotel-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plmotel-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plmotel-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plneon {
    background: #050b1a; color: #ffffff; text-shadow: 0 0 3px var(--o), 0 0 8px var(--o), 0 0 14px var(--o); border: 2px solid var(--c); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 6px var(--c), inset 0 0 6px var(--c);
}
.us-plneon-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plneon-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plneon-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plneon-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plneon-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plpalms {
    background: radial-gradient(circle, color-mix(in srgb, var(--o) 60%, transparent) 0 1.2px, transparent 1.6px) 0 0 / 12px 10px, radial-gradient(circle, color-mix(in srgb, var(--c) 60%, transparent) 0 1.2px, transparent 1.6px) 6px 5px / 12px 10px, #fff7ea; color: var(--b); text-shadow: 0 0 2px #fff7ea, 0 0 3px #fff7ea, 0 0 4px #fff7ea; border: 2px solid var(--b); border-radius: 2px 12px 2px 12px; font-family: Futura, 'Century Gothic', 'Trebuchet MS', sans-serif; font-weight: 700;
}
.us-plpalms-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plpalms-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plpalms-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plpalms-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plpalms-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-platomic {
    background: radial-gradient(circle at 12px 50%, var(--c) 0 2.5px, transparent 3px), radial-gradient(circle at 12px 50%, transparent 0 8px, #fff8ee 8.5px), repeating-conic-gradient(from 0deg at 12px 50%, var(--o) 0 8deg, transparent 8deg 30deg), #fff8ee; color: var(--b); border: 1px solid color-mix(in srgb, var(--b) 30%, transparent); border-radius: 999px; padding: 1px 13px 1px 25px; font-weight: 900;
}
.us-platomic-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-platomic-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-platomic-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-platomic-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-platomic-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plpostcard {
    background: radial-gradient(circle, color-mix(in srgb, var(--o) 40%, transparent) 0.8px, transparent 1.2px) 0 0 / 4px 4px, #fff4e0; color: var(--b); text-shadow: 1.5px 1px 0 color-mix(in srgb, var(--o) 65%, transparent); font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 700; border: 2px solid var(--b); border-radius: 2px; box-shadow: 2px 2px 0 var(--c);
}
.us-plpostcard-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plpostcard-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plpostcard-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plpostcard-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plpostcard-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plsunset {
    background: repeating-linear-gradient(180deg, transparent 0 2px, color-mix(in srgb, var(--ol) 55%, transparent) 2px 3px) 50% 100% / 34% 45% no-repeat, linear-gradient(180deg, var(--ol) 0%, var(--o) 48%, var(--c) 52%, var(--b) 100%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 6px;
}
.us-plsunset-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plsunset-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plsunset-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsunset-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plsunset-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plmorning {
    background: linear-gradient(180deg, #fff4e6, color-mix(in srgb, var(--ol) 60%, #ffffff) 40%, color-mix(in srgb, var(--c) 40%, #ffffff)); color: var(--b); border-top: 2px solid var(--o); border-bottom: 2px solid var(--c); border-radius: 10px; font-weight: 900;
}
.us-plmorning-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plmorning-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plmorning-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plmorning-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plmorning-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plheat {
    background: radial-gradient(circle at 50% 0, transparent 3px, color-mix(in srgb, var(--o) 45%, transparent) 3.5px 4.5px, transparent 5px) 0 0 / 10px 5px, radial-gradient(circle at 50% 100%, transparent 3px, color-mix(in srgb, var(--o) 45%, transparent) 3.5px 4.5px, transparent 5px) 5px 0 / 10px 5px, var(--ol); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border: 1px solid var(--c); border-radius: 8px; font-weight: 900;
}
.us-plheat-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plheat-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plheat-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plheat-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plheat-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plchlorine {
    background: radial-gradient(circle at 9px 50%, var(--o) 0 2.5px, transparent 3px), linear-gradient(180deg, rgba(255,255,255,0.8), transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--c) 60%, #ffffff), var(--c)); color: var(--b); border: 1px solid #ffffff; border-radius: 999px; padding: 1px 13px 1px 17px; box-shadow: 0 0 0 1px var(--c), 0 2px 4px color-mix(in srgb, var(--c) 50%, transparent); font-weight: 900;
}
.us-plchlorine-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plchlorine-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plchlorine-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plchlorine-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plchlorine-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plscore {
    background: radial-gradient(circle, color-mix(in srgb, var(--o) 22%, transparent) 0.7px, transparent 1.1px) 0 0 / 3px 3px, color-mix(in srgb, var(--b) 30%, #000000); color: var(--o); text-shadow: 0 0 4px var(--o); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.12em; border: 2px solid var(--c); border-radius: 3px;
}
.us-plscore-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plscore-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plscore-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plscore-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plscore-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plpace {
    background: var(--w); color: var(--b); border: 1px solid var(--c); border-radius: 999px; padding: 1px 13px 1px 24px; font-weight: 900;
}
.us-plpace::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: conic-gradient(var(--o) 0 25%, #ffffff 0); box-shadow: 0 0 0 1.5px var(--b); }
.us-plpace-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plpace-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plpace-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plpace-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plpace-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plcaution {
    background: repeating-linear-gradient(-45deg, var(--o) 0 6px, var(--c) 6px 12px) 0 0 / 100% 4px no-repeat, repeating-linear-gradient(-45deg, var(--o) 0 6px, var(--c) 6px 12px) 0 100% / 100% 4px no-repeat, #ffffff; color: var(--b); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 2px; padding: 5px 12px;
}
.us-plcaution-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plcaution-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plcaution-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plcaution-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcaution-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plslide {
    background: linear-gradient(180deg, rgba(255,255,255,0.55), transparent 50%), repeating-linear-gradient(-60deg, var(--o) 0 7.36px, var(--c) 7.36px 14.72px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk), 0 0 4px var(--dk); border-radius: 999px; padding: 1px 14px; animation: us-barber 1.6s linear infinite;
}
.us-plslide-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plslide-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plslide-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plslide-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plslide-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plcannon {
    background: repeating-conic-gradient(from 0deg at 50% 50%, color-mix(in srgb, var(--o) 75%, transparent) 0 10deg, transparent 10deg 30deg), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 40%, #ffffff) 0 20%, var(--c) 50%, var(--b) 85%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk), 0 0 4px var(--dk); border-radius: 14px;
}
.us-plcannon-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plcannon-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plcannon-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plcannon-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plcannon-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plpass {
    background: repeating-linear-gradient(180deg, var(--c) 0 2px, transparent 2px 4px) calc(100% - 13px) 0 / 1px 100% no-repeat, radial-gradient(circle at 0 50%, transparent 0 4px, var(--ol) 4.5px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 4px, var(--ol) 4.5px) 100% 0 / 51% 100% no-repeat; color: var(--dk); border-radius: 3px; padding: 1px 22px 1px 13px; font-weight: 900;
}
.us-plpass-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plpass-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plpass-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plpass-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plpass-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plband {
    background: radial-gradient(circle at calc(100% - 9px) 50%, #ffffff 0 1.5px, var(--o) 2px 4px, color-mix(in srgb, var(--o) 60%, #000000) 4.5px, transparent 5px), linear-gradient(180deg, rgba(255,255,255,0.5), transparent 45%), linear-gradient(90deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 21px 1px 11px;
}
.us-plband-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plband-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plband-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plband-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plband-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsticker {
    background: linear-gradient(90deg, var(--o), var(--ol)); color: var(--dk); border: 3px solid #ffffff; border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 1px rgba(0,0,0,0.08), 2px 3px 0 var(--c); transform: rotate(-2deg); font-weight: 900;
}
.us-plsticker-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plsticker-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plsticker-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plsticker-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsticker-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plpatch {
    background: var(--b); color: #ffffff; text-shadow: 0 1px 0 var(--o); border: 2px dashed var(--ol); outline: 2px solid var(--b); border-radius: 6px; margin: 0 4px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.92em;
}
.us-plpatch-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plpatch-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plpatch-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plpatch-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plpatch-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plpin {
    background: radial-gradient(ellipse at 30% 25%, rgba(255,255,255,0.6), transparent 45%), var(--c); color: var(--dk); border: 3px solid var(--o); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--o) 60%, #000000), inset 0 0 0 1px rgba(255,255,255,0.55), 0 2px 3px rgba(0,0,0,0.3);
}
.us-plpin-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plpin-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plpin-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plpin-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plpin-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plvarsity {
    background: radial-gradient(circle, rgba(255,255,255,0.16) 0.6px, transparent 1px) 0 0 / 3px 3px, var(--b); color: var(--o); text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff, 2px 2px 0 var(--c); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.06em; border: 2px solid var(--c); border-radius: 3px;
}
.us-plvarsity-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plvarsity-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plvarsity-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plvarsity-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plvarsity-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plstencil {
    background: linear-gradient(180deg, #f4eee5, #e4dacb); color: var(--b); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.14em; border-left: 4px solid var(--o); border-right: 4px solid var(--o); border-radius: 1px;
}
.us-plstencil-1 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plstencil-2 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plstencil-3 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plstencil-4 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plstencil-5 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plinflate {
    background: linear-gradient(180deg, color-mix(in srgb, var(--o) 35%, #ffffff) 0 20%, var(--o) 50%, color-mix(in srgb, var(--o) 72%, #000000)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--o);
    filter: drop-shadow(0 0 0.6px var(--b)) drop-shadow(0 0 0.6px var(--b)) drop-shadow(1px 2px 0 var(--c)); font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif; font-weight: 900; font-size: 1.08em; padding: 0 4px; border-radius: 0;
}
.us-plinflate-1 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plinflate-2 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plinflate-3 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plinflate-4 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plinflate-5 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plgel {
    background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.15) 50%, transparent 51%), linear-gradient(180deg, color-mix(in srgb, var(--c) 60%, #ffffff), var(--c) 50%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: 0 0 0 2px var(--o), 0 2px 5px rgba(0,0,0,0.25);
}
.us-plgel-1 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plgel-2 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plgel-3 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plgel-4 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plgel-5 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plfade {
    background: linear-gradient(90deg, var(--o), var(--c)); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b); filter: drop-shadow(0 0 0.6px var(--dk)) drop-shadow(0 1px 0 var(--dk)); font-weight: 900; font-size: 1.06em; padding: 0 3px; border-radius: 0;
}
.us-plfade-1 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plfade-2 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plfade-3 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plfade-4 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plfade-5 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plsplashtext {
    background: none; color: var(--o); -webkit-text-stroke: 0.5px var(--b); text-shadow: 1.5px 1.5px 0 var(--c); font-family: 'Arial Black', 'Arial Rounded MT Bold', sans-serif; font-weight: 900; letter-spacing: 0.02em; font-size: 1.08em; padding: 0 4px; border-radius: 0;
}
.us-plsplashtext-1 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plsplashtext-2 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plsplashtext-3 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plsplashtext-4 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plsplashtext-5 { --o: #ff6b1a; --ol: #ffc08a; --c: #1fd1f0; --b: #0a5fb4; --w: #e3fbff; --dk: #062b4a; }
.us-plripplet {
    background: linear-gradient(var(--o), var(--o)) 0 100% / 100% 2px no-repeat; color: var(--b); text-shadow: 0 3px 0 color-mix(in srgb, var(--c) 55%, transparent), 0 6px 0 color-mix(in srgb, var(--c) 25%, transparent); font-weight: 900; padding: 0 4px 6px; border-radius: 0;
}
.us-plripplet-1 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plripplet-2 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plripplet-3 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plripplet-4 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-plripplet-5 { --o: #f9731c; --ol: #fdba74; --c: #06b6d4; --b: #0e7490; --w: #ecfeff; --dk: #083344; }
.us-plpolaroid {
    background: radial-gradient(circle at calc(100% - 10px) 8px, var(--o) 0 3px, transparent 3.5px), linear-gradient(180deg, var(--c), var(--b)) 50% 3px / calc(100% - 6px) calc(100% - 10px) no-repeat, #ffffff; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); padding: 4px 13px 9px; border-radius: 1px; box-shadow: 0 2px 4px rgba(0,0,0,0.25); transform: rotate(1.5deg);
}
.us-plpolaroid-1 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plpolaroid-2 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plpolaroid-3 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plpolaroid-4 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plpolaroid-5 { --o: #ff8f3f; --ol: #ffd8b8; --c: #2cc5d9; --b: #127fa3; --w: #f0fcfd; --dk: #0b3a4a; }
.us-pltape {
    background: linear-gradient(90deg, var(--o) 0 4px, var(--ol) 4px 8px, var(--c) 8px 12px, var(--b) 12px 16px, transparent 16px), #ffffff; color: var(--dk); padding: 1px 12px 1px 22px; border: 1px solid #cfd8de; border-radius: 2px; font-family: Futura, 'Century Gothic', 'Trebuchet MS', sans-serif; font-style: italic; font-weight: 700;
}
.us-pltape-1 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-pltape-2 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-pltape-3 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pltape-4 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-pltape-5 { --o: #ff6f3c; --ol: #ffb899; --c: #4dd8f0; --b: #0353a4; --w: #e6f8ff; --dk: #04234a; }
.us-plradio {
    background: linear-gradient(90deg, transparent 0 16px, var(--o) 16px), radial-gradient(circle, color-mix(in srgb, var(--b) 70%, #000000) 0.9px, transparent 1.3px) 1px 1px / 4px 4px, color-mix(in srgb, var(--o) 60%, #ffffff); color: var(--dk); border: 2px solid var(--c); border-radius: 6px; padding: 1px 12px 1px 22px; font-weight: 900;
}
.us-plradio-1 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plradio-2 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plradio-3 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plradio-4 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-plradio-5 { --o: #ff9a3c; --ol: #ffe0bd; --c: #5be3f0; --b: #1689c9; --w: #effdff; --dk: #0b3550; }
.us-plwaveedge {
    background: linear-gradient(var(--o), var(--o)) 0 calc(100% - 5px) / 100% 2px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0; padding: 4px 13px 7px; clip-path: polygon(0.00% 0, 4.17% 3px, 8.33% 0, 12.50% 3px, 16.67% 0, 20.83% 3px, 25.00% 0, 29.17% 3px, 33.33% 0, 37.50% 3px, 41.67% 0, 45.83% 3px, 50.00% 0, 54.17% 3px, 58.33% 0, 62.50% 3px, 66.67% 0, 70.83% 3px, 75.00% 0, 79.17% 3px, 83.33% 0, 87.50% 3px, 91.67% 0, 95.83% 3px, 100.00% 0, 100.00% 100%, 95.83% calc(100% - 3px), 91.67% 100%, 87.50% calc(100% - 3px), 83.33% 100%, 79.17% calc(100% - 3px), 75.00% 100%, 70.83% calc(100% - 3px), 66.67% 100%, 62.50% calc(100% - 3px), 58.33% 100%, 54.17% calc(100% - 3px), 50.00% 100%, 45.83% calc(100% - 3px), 41.67% 100%, 37.50% calc(100% - 3px), 33.33% 100%, 29.17% calc(100% - 3px), 25.00% 100%, 20.83% calc(100% - 3px), 16.67% 100%, 12.50% calc(100% - 3px), 8.33% 100%, 4.17% calc(100% - 3px), 0.00% 100%);
}
.us-plwaveedge-1 { --o: #ff7b39; --ol: #ffc9a6; --c: #3ad7ff; --b: #0077cc; --w: #e8f9ff; --dk: #08304f; }
.us-plwaveedge-2 { --o: #ff5e1f; --ol: #ffab76; --c: #38bdf8; --b: #1d4ed8; --w: #e0f2fe; --dk: #172554; }
.us-plwaveedge-3 { --o: #ff8c2b; --ol: #ffd2a1; --c: #0fb5d6; --b: #063f8c; --w: #d6f4ff; --dk: #041d42; }
.us-plwaveedge-4 { --o: #ff9f1c; --ol: #ffd58f; --c: #2ec4d6; --b: #0b6e99; --w: #e8fbff; --dk: #08334a; }
.us-plwaveedge-5 { --o: #ff7a00; --ol: #ffc266; --c: #00e5ff; --b: #0b3d91; --w: #c9f7ff; --dk: #021230; }
.us-pwcrest {
    background: radial-gradient(circle at 6px -2px, transparent 0 5px, var(--mx) 5.5px 6.5px, transparent 7px) 0 0 / 12px 6px repeat-x, linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 6px; padding: 6px 12px 1px;
}
.us-pwcrest-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwcrest-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwcrest-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwcrest-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwcrest-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwrefract {
    background: linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--mx) 50%, transparent) 20% 30%, transparent 30% 55%, color-mix(in srgb, var(--mx) 35%, transparent) 55% 62%, transparent 62%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 8px;
}
.us-pwrefract-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwrefract-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwrefract-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwrefract-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwrefract-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwshallows {
    background: radial-gradient(ellipse 60% 140% at 20% 0%, rgba(255,255,255,0.8), transparent 60%), linear-gradient(180deg, var(--mx), var(--ml)); color: var(--mk); border: 1px solid var(--ml); border-radius: 10px; font-weight: 900;
}
.us-pwshallows-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwshallows-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwshallows-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwshallows-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwshallows-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwringlet {
    background: radial-gradient(circle at 100% 100%, transparent 0 5px, var(--ml) 5px 6px, transparent 6px 10px, var(--ml) 10px 11px, transparent 11px 15px, color-mix(in srgb, var(--ml) 60%, transparent) 15px 16px, transparent 16px), var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 8px; padding: 1px 17px 1px 11px;
}
.us-pwringlet-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwringlet-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwringlet-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwringlet-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwringlet-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwdroptrail {
    background: radial-gradient(circle at 6px 50%, var(--mx) 0 1.8px, transparent 2.3px), radial-gradient(circle at 11px 30%, var(--mx) 0 1.2px, transparent 1.6px), radial-gradient(circle at 14px 68%, var(--mx) 0 1px, transparent 1.4px), linear-gradient(90deg, var(--md), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 999px; padding: 1px 13px 1px 22px;
}
.us-pwdroptrail-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwdroptrail-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwdroptrail-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwdroptrail-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwdroptrail-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwfoam {
    background: radial-gradient(circle at 3px 0, #ffffff 0 2.6px, transparent 3px) 0 0 / 6px 4px repeat-x, radial-gradient(circle at 3px 0, rgba(255,255,255,0.75) 0 1.8px, transparent 2.2px) 3px 2px / 6px 4px repeat-x, linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px; padding: 5px 12px 1px;
}
.us-pwfoam-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwfoam-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwfoam-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwfoam-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwfoam-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwwhirl {
    background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--mx) 88%, transparent) 0 30%, transparent 72%), repeating-conic-gradient(from 0deg at 50% 50%, var(--m) 0 15deg, var(--ml) 15deg 30deg); color: var(--mk); text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx), 0 0 4px var(--mx); border-radius: 999px; padding: 1px 14px; font-weight: 900;
}
.us-pwwhirl-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwwhirl-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwwhirl-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwwhirl-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwwhirl-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwjets {
    background: radial-gradient(circle, rgba(255,255,255,0.9) 0 1px, transparent 1.4px) 0 calc(100% - 1px) / 5px 4px repeat-x, radial-gradient(circle, rgba(255,255,255,0.6) 0 1.4px, transparent 1.8px) 2px calc(100% - 4px) / 7px 4px repeat-x, linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 8px; padding: 1px 12px 7px;
}
.us-pwjets-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwjets-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwjets-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwjets-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwjets-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwburst {
    background: radial-gradient(ellipse at 50% 50%, var(--ml), var(--m) 55%, var(--md)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 0; padding: 1px 16px; clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 25%, calc(100% - 4px) 50%, 100% 75%, calc(100% - 8px) 100%, 8px 100%, 0 75%, 4px 50%, 0 25%);
}
.us-pwburst-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwburst-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwburst-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwburst-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwburst-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwglass {
    background: linear-gradient(180deg, var(--mx) 0 55%, var(--ml) 55%); color: var(--mk); border: 1px solid var(--m); border-radius: 3px 3px 9px 9px; font-weight: 900; box-shadow: inset 0 1px 0 #ffffff;
}
.us-pwglass-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwglass-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwglass-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwglass-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwglass-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwwetglass {
    background: radial-gradient(ellipse 2px 3px at 14% 30%, rgba(255,255,255,0.95) 40%, transparent 75%), radial-gradient(ellipse 1.6px 2.4px at 40% 75%, rgba(255,255,255,0.9) 40%, transparent 75%), radial-gradient(ellipse 2px 3px at 68% 28%, rgba(255,255,255,0.9) 40%, transparent 75%), radial-gradient(ellipse 1.4px 2px at 88% 70%, rgba(255,255,255,0.9) 40%, transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--ml) 75%, transparent), color-mix(in srgb, var(--m) 75%, transparent));
    color: var(--mk); text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx), 0 0 4px var(--mx); border: 1px solid rgba(255,255,255,0.85); border-radius: 9px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--m) 40%, transparent); font-weight: 900;
}
.us-pwwetglass-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwwetglass-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwwetglass-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwwetglass-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwwetglass-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwshine {
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0 45%, transparent 46%), linear-gradient(0deg, color-mix(in srgb, var(--mx) 55%, transparent), transparent 40%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 14px;
}
.us-pwshine-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwshine-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwshine-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwshine-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwshine-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwundertow {
    background: repeating-linear-gradient(-30deg, transparent 0 5px, color-mix(in srgb, var(--ml) 45%, transparent) 5px 7px), var(--md); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 4px 12px 4px 12px;
}
.us-pwundertow-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwundertow-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwundertow-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwundertow-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwundertow-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwmistglow {
    background: var(--mx); color: var(--mk); border-radius: 999px; padding: 1px 14px; font-weight: 900; box-shadow: 0 0 0 1px var(--ml), 0 0 8px 2px color-mix(in srgb, var(--m) 55%, transparent);
}
.us-pwmistglow-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwmistglow-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwmistglow-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwmistglow-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwmistglow-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwtidegrad {
    background: linear-gradient(90deg, var(--mx), var(--ml) 40%, var(--m) 75%, var(--md)); color: var(--mk); text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx), 0 0 4px var(--mx); border-radius: 6px; font-weight: 900;
}
.us-pwtidegrad-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwtidegrad-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwtidegrad-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwtidegrad-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwtidegrad-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwbigtile {
    background: linear-gradient(90deg, color-mix(in srgb, var(--mx) 70%, transparent) 1.5px, transparent 1.5px) 0 0 / 14px 100%, linear-gradient(var(--mx), var(--mx)) 0 0 / 100% 1.5px no-repeat, linear-gradient(var(--mx), var(--mx)) 0 100% / 100% 1.5px no-repeat, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border: 1px solid var(--md); border-radius: 2px;
}
.us-pwbigtile-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwbigtile-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwbigtile-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwbigtile-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwbigtile-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwsubway {
    background: linear-gradient(color-mix(in srgb, var(--md) 40%, transparent) 1px, transparent 1px) 0 0 / 14px 7px, linear-gradient(90deg, color-mix(in srgb, var(--md) 40%, transparent) 1px, transparent 1px) 0 0 / 14px 7px, var(--ml); color: var(--mk); text-shadow: 0 0 2px var(--ml), 0 0 3px var(--ml), 0 0 4px var(--ml); border-radius: 2px; font-weight: 900;
}
.us-pwsubway-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwsubway-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwsubway-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwsubway-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwsubway-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwhexpenny {
    background: radial-gradient(circle, color-mix(in srgb, var(--md) 45%, transparent) 0 2.6px, transparent 3px) 0 0 / 8px 7px, radial-gradient(circle, color-mix(in srgb, var(--md) 45%, transparent) 0 2.6px, transparent 3px) 4px 3.5px / 8px 7px, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 6px;
}
.us-pwhexpenny-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwhexpenny-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwhexpenny-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwhexpenny-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwhexpenny-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwbullnose {
    background: linear-gradient(180deg, #ffffff 0 2px, var(--mx) 2px 5px, var(--md) 5px 6px, var(--m) 6px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 8px 8px 2px 2px; padding: 7px 12px 1px;
}
.us-pwbullnose-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwbullnose-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwbullnose-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwbullnose-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwbullnose-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwlanenum {
    background: var(--mx); color: var(--mk); border: 1px solid var(--m); border-radius: 999px; padding: 1px 13px 1px 23px; font-weight: 900;
}
.us-pwlanenum::before { content: '1'; position: absolute; pointer-events: none; left: 3px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; border-radius: 50%; background: var(--md); color: #ffffff; font: 900 9px/15px 'Arial Black', sans-serif; text-align: center; text-shadow: none; }
.us-pwlanenum-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwlanenum-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwlanenum-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwlanenum-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwlanenum-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwdraincover {
    background: repeating-radial-gradient(circle at 50% 50%, var(--m) 0 2px, color-mix(in srgb, var(--md) 55%, var(--m)) 2px 3px); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border: 2px solid var(--md); border-radius: 999px; padding: 1px 14px;
}
.us-pwdraincover-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwdraincover-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwdraincover-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwdraincover-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwdraincover-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwsteps {
    background: linear-gradient(var(--ml), var(--ml)) 100% 100% / 8px 75% no-repeat, linear-gradient(var(--ml), var(--ml)) 100% 100% / 16px 50% no-repeat, linear-gradient(var(--ml), var(--ml)) 100% 100% / 24px 25% no-repeat, var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 4px; padding: 1px 31px 1px 11px;
}
.us-pwsteps-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwsteps-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwsteps-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwsteps-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwsteps-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwhandrail {
    background: linear-gradient(180deg, #f5f7fa, #aeb7c0 60%, #ffffff) 0 0 / 100% 3px no-repeat, linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 10px 10px 3px 3px; padding: 4px 12px 1px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--md) 50%, transparent);
}
.us-pwhandrail-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwhandrail-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwhandrail-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwhandrail-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwhandrail-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwchevron {
    background: linear-gradient(135deg, transparent 0 40%, color-mix(in srgb, var(--mx) 30%, transparent) 40% 55%, transparent 55%) 0 0 / 10px 50% repeat-x, linear-gradient(45deg, transparent 0 40%, color-mix(in srgb, var(--mx) 30%, transparent) 40% 55%, transparent 55%) 0 100% / 10px 50% repeat-x, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px;
}
.us-pwchevron-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwchevron-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwchevron-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwchevron-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwchevron-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwdashrope {
    background: var(--md); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border: 2px dashed var(--ml); outline: 2px solid var(--m); border-radius: 999px; padding: 0 13px; margin: 0 4px;
}
.us-pwdashrope-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwdashrope-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwdashrope-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwdashrope-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwdashrope-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwplanks {
    background: repeating-linear-gradient(1deg, rgba(255,255,255,0.12) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, var(--m) 0 18px, var(--md) 18px 19px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 2px;
}
.us-pwplanks-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwplanks-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwplanks-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwplanks-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwplanks-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwconcrete {
    background: radial-gradient(circle, color-mix(in srgb, var(--md) 30%, transparent) 0.6px, transparent 1px) 0 0 / 5px 4px, radial-gradient(circle, rgba(255,255,255,0.9) 0.6px, transparent 1px) 2px 2px / 6px 5px, var(--mx); color: var(--mk); border-bottom: 3px solid var(--ml); border-radius: 3px; font-weight: 900;
}
.us-pwconcrete-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwconcrete-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwconcrete-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwconcrete-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwconcrete-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwgate {
    background: linear-gradient(var(--md), var(--md)) 0 2px / 100% 2px no-repeat, linear-gradient(var(--md), var(--md)) 0 calc(100% - 2px) / 100% 2px no-repeat, repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--md) 45%, transparent) 8px 9px), var(--mx); color: var(--mk); text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx), 0 0 4px var(--mx); border-radius: 2px; padding: 5px 12px; font-weight: 900;
}
.us-pwgate-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwgate-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwgate-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwgate-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwgate-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwlattice {
    background: repeating-linear-gradient(45deg, transparent 0 5px, color-mix(in srgb, var(--m) 40%, transparent) 5px 6px), repeating-linear-gradient(-45deg, transparent 0 5px, color-mix(in srgb, var(--m) 40%, transparent) 5px 6px), var(--mx); color: var(--mk); text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx), 0 0 4px var(--mx); border: 1px solid var(--m); border-radius: 3px; font-weight: 900;
}
.us-pwlattice-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwlattice-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwlattice-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwlattice-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwlattice-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwgauge {
    background: linear-gradient(180deg, #ffffff, var(--mx)); color: var(--mk); border: 1px solid var(--ml); border-radius: 6px; padding: 1px 12px 1px 24px; font-weight: 900;
}
.us-pwgauge::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; border-radius: 50%; background: radial-gradient(circle, var(--mk) 0 1.5px, transparent 2px), conic-gradient(from 225deg, var(--m) 0 180deg, var(--ml) 180deg 270deg, transparent 270deg), #ffffff; box-shadow: inset 0 0 0 1.5px var(--md); }
.us-pwgauge-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwgauge-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwgauge-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwgauge-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwgauge-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwpleats {
    background: repeating-linear-gradient(90deg, var(--m) 0 2px, var(--ml) 2px 4px) 0 0 / 100% 4px no-repeat, repeating-linear-gradient(90deg, var(--m) 0 2px, var(--ml) 2px 4px) 0 100% / 100% 4px no-repeat, var(--mx); color: var(--mk); border-radius: 3px; padding: 5px 12px; font-weight: 900;
}
.us-pwpleats-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwpleats-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwpleats-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwpleats-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwpleats-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwthermo {
    background: repeating-linear-gradient(90deg, var(--ml) 0 1px, transparent 1px 5px) 20px 100% / calc(100% - 26px) 3px no-repeat, var(--mx); color: var(--mk); border: 1px solid var(--ml); border-radius: 6px; padding: 1px 12px 4px 21px; font-weight: 900;
}
.us-pwthermo::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--m); box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--md); }
.us-pwthermo-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwthermo-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwthermo-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwthermo-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwthermo-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwcover {
    background: repeating-linear-gradient(45deg, transparent 0 7px, color-mix(in srgb, var(--md) 35%, transparent) 7px 8px), repeating-linear-gradient(-45deg, transparent 0 7px, color-mix(in srgb, var(--md) 35%, transparent) 7px 8px), radial-gradient(ellipse at 50% 30%, var(--ml), var(--m) 70%); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 8px;
}
.us-pwcover-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwcover-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwcover-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwcover-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwcover-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwinfinity {
    background: linear-gradient(90deg, var(--md), var(--m) 55%, var(--ml) 85%, var(--mx)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px 0 0 4px; padding: 1px 18px 1px 11px;
}
.us-pwinfinity-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwinfinity-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwinfinity-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwinfinity-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwinfinity-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwarc {
    background: var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 6px; margin-top: 4px;
}
.us-pwarc::before { content: ''; position: absolute; pointer-events: none; left: 6px; right: 6px; top: -6px; height: 9px; border-top: 2px solid var(--ml); border-radius: 50% 50% 0 0; }
.us-pwarc-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwarc-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwarc-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwarc-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwarc-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwdivering {
    background: var(--mx); color: var(--mk); border: 1px solid var(--ml); border-radius: 999px; padding: 1px 13px 1px 22px; font-weight: 900;
}
.us-pwdivering::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 13px; height: 13px; margin-top: -6.5px; box-sizing: border-box; border-radius: 50%; border: 3.5px solid var(--m); box-shadow: inset 0 1px 1px var(--md), 0 1px 0 rgba(255,255,255,0.8); }
.us-pwdivering-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwdivering-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwdivering-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwdivering-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwdivering-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwdivestick {
    background: linear-gradient(90deg, var(--ml), var(--m) 50%, var(--md)) 5px 50% / 6px 72% no-repeat, var(--mx); color: var(--mk); border: 1px solid var(--ml); border-radius: 4px; padding: 1px 12px 1px 17px; font-weight: 900;
}
.us-pwdivestick-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwdivestick-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwdivestick-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwdivestick-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwdivestick-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwsquirt {
    background: radial-gradient(ellipse 45% 40% at 30% 20%, rgba(255,255,255,0.7), transparent 70%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 8px 4px 4px 8px; margin-right: 7px;
}
.us-pwsquirt::after { content: ''; position: absolute; pointer-events: none; right: -6px; top: 50%; width: 6px; height: 5px; margin-top: -2.5px; background: var(--md); border-radius: 0 2px 2px 0; }
.us-pwsquirt-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwsquirt-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwsquirt-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwsquirt-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwsquirt-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwballoon {
    background: radial-gradient(ellipse 35% 45% at 30% 30%, rgba(255,255,255,0.8), transparent 70%), radial-gradient(ellipse at 50% 40%, var(--ml), var(--m) 60%, var(--md)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 50% 50% 46% 46% / 60% 60% 40% 40%; padding: 2px 15px; margin-bottom: 3px;
}
.us-pwballoon::after { content: ''; position: absolute; pointer-events: none; left: 50%; bottom: -4px; margin-left: -3px; border-style: solid; border-width: 0 3px 4px 3px; border-color: transparent transparent var(--md) transparent; }
.us-pwballoon-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwballoon-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwballoon-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwballoon-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwballoon-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwsnorkel {
    background: var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 16px 1px 13px;
}
.us-pwsnorkel::before { content: ''; position: absolute; pointer-events: none; right: 4px; top: -5px; width: 4px; height: calc(100% + 3px); border-radius: 3px 3px 0 0; background: var(--ml); box-shadow: 0 0 0 1px var(--md); }
.us-pwsnorkel-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwsnorkel-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwsnorkel-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwsnorkel-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwsnorkel-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwflippers {
    background: linear-gradient(90deg, var(--md), var(--m) 35%, var(--ml)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 0; padding: 1px 15px 1px 12px; clip-path: polygon(0 18%, 8px 0, calc(100% - 4px) 0, 100% 50%, calc(100% - 4px) 100%, 8px 100%, 0 82%);
}
.us-pwflippers-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwflippers-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwflippers-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwflippers-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwflippers-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwdonut {
    background: radial-gradient(ellipse 2.4px 1.2px at 15% 30%, var(--mx) 90%, transparent), radial-gradient(ellipse 1.2px 2.4px at 35% 75%, var(--mx) 90%, transparent), radial-gradient(ellipse 2.4px 1.2px at 62% 22%, var(--mx) 90%, transparent), radial-gradient(ellipse 1.2px 2.4px at 86% 66%, var(--mx) 90%, transparent), radial-gradient(ellipse at 50% 30%, var(--ml), var(--m) 70%);
    color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: inset 0 -3px 0 var(--md);
}
.us-pwdonut-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwdonut-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwdonut-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwdonut-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwdonut-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwmattress {
    background: radial-gradient(circle, color-mix(in srgb, var(--md) 55%, transparent) 0 1px, transparent 1.6px) 4px 50% / 9px 100% repeat-x, repeating-linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--md) 25%, transparent) 8px 9px), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 10px;
}
.us-pwmattress-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwmattress-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwmattress-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwmattress-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwmattress-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwducky {
    background: radial-gradient(ellipse 40% 50% at 30% 25%, rgba(255,255,255,0.75), transparent 70%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 999px 999px 5px; padding: 1px 16px 1px 12px;
}
.us-pwducky::before { content: ''; position: absolute; pointer-events: none; right: 7px; top: 4px; width: 3px; height: 3px; border-radius: 50%; background: var(--mk); box-shadow: 0 0 0 1px #ffffff; }
.us-pwducky-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwducky-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwducky-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwducky-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwducky-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwbuckethat {
    background: linear-gradient(var(--md), var(--md)) 0 100% / 100% 3px no-repeat, var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); padding: 1px 16px 4px; border-radius: 0; clip-path: polygon(9% 0, 91% 0, 100% calc(100% - 3px), 100% 100%, 0 100%, 0 calc(100% - 3px));
}
.us-pwbuckethat-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwbuckethat-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwbuckethat-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwbuckethat-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwbuckethat-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwvisor {
    background: linear-gradient(180deg, color-mix(in srgb, var(--m) 65%, transparent), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px 4px 50% 50% / 4px 4px 9px 9px; padding: 1px 13px 3px; box-shadow: inset 0 -3px 0 var(--md);
}
.us-pwvisor-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwvisor-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwvisor-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwvisor-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwvisor-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwtowelroll {
    background: radial-gradient(circle at 10px 50%, var(--mx) 0 2px, var(--m) 2px 3.5px, var(--mx) 3.5px 5px, var(--m) 5px 6.5px, var(--mx) 6.5px 8px, transparent 8.5px), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 13px 1px 22px;
}
.us-pwtowelroll-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwtowelroll-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwtowelroll-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwtowelroll-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwtowelroll-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwbagweave {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--md) 30%, transparent) 0 1px, transparent 1px 4px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--md) 30%, transparent) 0 1px, transparent 1px 4px), var(--ml); color: var(--mk); text-shadow: 0 0 2px var(--ml), 0 0 3px var(--ml), 0 0 4px var(--ml); border: 2px solid var(--md); border-radius: 3px 3px 10px 10px; font-weight: 900;
}
.us-pwbagweave-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwbagweave-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwbagweave-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwbagweave-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwbagweave-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwcooler {
    background: linear-gradient(#ffffff, #ffffff) 0 0 / 100% 4px no-repeat, linear-gradient(var(--md), var(--md)) 0 4px / 100% 1px no-repeat, var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); padding: 6px 12px 1px; border-radius: 5px; margin-top: 4px;
}
.us-pwcooler::before { content: ''; position: absolute; pointer-events: none; left: 30%; right: 30%; top: -5px; height: 5px; box-sizing: border-box; border: 2px solid var(--md); border-bottom: 0; border-radius: 4px 4px 0 0; }
.us-pwcooler-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwcooler-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwcooler-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwcooler-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwcooler-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwstraw {
    background: linear-gradient(180deg, var(--mx), var(--ml)); color: var(--mk); border: 1px solid var(--m); border-radius: 2px 2px 8px 8px; padding: 1px 17px 1px 11px; margin-top: 5px; font-weight: 900;
}
.us-pwstraw::after { content: ''; position: absolute; pointer-events: none; right: 7px; top: -7px; width: 3px; height: 11px; background: repeating-linear-gradient(180deg, #ffffff 0 2px, var(--m) 2px 4px); transform: rotate(15deg); box-shadow: 0 0 0 0.5px var(--md); }
.us-pwstraw-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwstraw-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwstraw-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwstraw-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwstraw-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwsmoothie {
    background: radial-gradient(ellipse 120% 80% at 0% 100%, transparent 40%, color-mix(in srgb, var(--mx) 55%, transparent) 41% 46%, transparent 47%), radial-gradient(ellipse 120% 80% at 100% 0%, transparent 40%, color-mix(in srgb, var(--mx) 55%, transparent) 41% 46%, transparent 47%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 8px 8px 12px 12px;
}
.us-pwsmoothie-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwsmoothie-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwsmoothie-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwsmoothie-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwsmoothie-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwfreezepop {
    background: repeating-linear-gradient(90deg, rgba(255,255,255,0.55) 0 1px, transparent 1px 2px) 0 0 / 5px 100% no-repeat, repeating-linear-gradient(90deg, rgba(255,255,255,0.55) 0 1px, transparent 1px 2px) 100% 0 / 5px 100% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.5), transparent 50%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 1px; padding: 1px 12px;
}
.us-pwfreezepop-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwfreezepop-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwfreezepop-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwfreezepop-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwfreezepop-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwsnowcone {
    background: radial-gradient(circle, rgba(255,255,255,0.75) 0.8px, transparent 1.3px) 0 0 / 4px 4px, linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 2px 14px 1px;
}
.us-pwsnowcone-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwsnowcone-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwsnowcone-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwsnowcone-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwsnowcone-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwtwistrim {
    border: 3px solid transparent; background: linear-gradient(var(--mx), var(--mx)) padding-box, repeating-linear-gradient(45deg, var(--m) 0 4px, var(--ml) 4px 8px) border-box; color: var(--mk); border-radius: 999px; padding: 0 12px; font-weight: 900;
}
.us-pwtwistrim-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwtwistrim-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwtwistrim-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwtwistrim-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwtwistrim-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwsunhat {
    background: radial-gradient(ellipse 50% 40% at 50% 20%, rgba(255,255,255,0.45), transparent 70%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border: 1px solid var(--md); border-radius: 999px; padding: 1px 14px; margin: 0 4px; box-shadow: 0 0 0 3px var(--ml), inset 0 -3px 0 var(--md);
}
.us-pwsunhat-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwsunhat-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwsunhat-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwsunhat-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwsunhat-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwsandal {
    background: repeating-linear-gradient(90deg, transparent 0 10px, var(--md) 10px 13px) 0 0 / 100% 3px no-repeat, repeating-linear-gradient(90deg, transparent 0 10px, var(--md) 10px 13px) 0 100% / 100% 3px no-repeat, var(--mx); color: var(--mk); border-radius: 999px; padding: 4px 13px; font-weight: 900;
}
.us-pwsandal-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwsandal-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwsandal-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwsandal-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwsandal-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwroundshades {
    background: radial-gradient(circle at 9px 50%, rgba(255,255,255,0.7) 0 1px, var(--mk) 1.5px 4px, var(--md) 5px 5.8px, transparent 6.3px), radial-gradient(circle at calc(100% - 9px) 50%, rgba(255,255,255,0.7) 0 1px, var(--mk) 1.5px 4px, var(--md) 5px 5.8px, transparent 6.3px), var(--mx); color: var(--mk); border: 1px solid var(--ml); border-radius: 999px; padding: 1px 19px; font-weight: 900;
}
.us-pwroundshades-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwroundshades-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwroundshades-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwroundshades-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwroundshades-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwdrip {
    background: radial-gradient(ellipse 2.6px 4px at 18% 4px, var(--mx) 92%, transparent), radial-gradient(ellipse 2px 3px at 46% 4px, var(--mx) 92%, transparent), radial-gradient(ellipse 2.8px 5px at 74% 4px, var(--mx) 92%, transparent), linear-gradient(var(--mx), var(--mx)) 0 0 / 100% 4px no-repeat, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 6px; padding: 6px 12px 2px;
}
.us-pwdrip-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwdrip-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwdrip-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwdrip-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwdrip-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwwatch {
    background: linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 3px; padding: 1px 12px 1px 23px;
}
.us-pwwatch::before { content: ''; position: absolute; pointer-events: none; left: 3px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; border-radius: 4px; background: radial-gradient(circle, var(--mx) 0 3px, var(--md) 3.5px 4.5px, var(--mx) 5px); box-shadow: 0 0 0 1.5px var(--mk); }
.us-pwwatch-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwwatch-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwwatch-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwwatch-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwwatch-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwmegaphone {
    background: linear-gradient(180deg, rgba(255,255,255,0.4), transparent 50%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 0; padding: 1px 15px 1px 10px; clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 78%);
}
.us-pwmegaphone-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwmegaphone-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwmegaphone-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwmegaphone-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwmegaphone-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwneontube {
    background: color-mix(in srgb, var(--mk) 92%, #000000); color: #ffffff; text-shadow: 0 0 2px var(--m), 0 0 6px var(--m), 0 0 12px var(--m); border: 2px solid var(--ml); border-radius: 4px; box-shadow: 0 0 5px var(--m), inset 0 0 5px var(--m);
}
.us-pwneontube-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwneontube-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwneontube-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwneontube-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwneontube-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwarrowsign {
    background: radial-gradient(circle at 3.5px 2.5px, #fffbe6 0 1.3px, transparent 1.9px) 0 0 / 7px 100% repeat-x, radial-gradient(circle at 3.5px calc(100% - 2.5px), #fffbe6 0 1.3px, transparent 1.9px) 0 0 / 7px 100% repeat-x, var(--md); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 0; padding: 5px 19px 5px 10px; clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 0 100%);
}
.us-pwarrowsign-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwarrowsign-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwarrowsign-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwarrowsign-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwarrowsign-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwmarquee {
    background: color-mix(in srgb, var(--mk) 85%, #000000); color: var(--ml); text-shadow: 0 0 4px var(--m); border: 3px dotted var(--ml); border-radius: 4px; box-shadow: 0 0 0 2px var(--md); margin: 0 3px;
}
.us-pwmarquee-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwmarquee-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwmarquee-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwmarquee-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwmarquee-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwsnackbar {
    background: linear-gradient(var(--md), var(--md)) 0 0 / 100% 3px no-repeat, linear-gradient(var(--md), var(--md)) 0 100% / 100% 3px no-repeat, #fffdf8; color: var(--md); font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 700; letter-spacing: 0.04em; border-radius: 1px; padding: 4px 12px;
}
.us-pwsnackbar-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwsnackbar-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwsnackbar-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwsnackbar-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwsnackbar-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwpolka {
    background: radial-gradient(circle, color-mix(in srgb, var(--mx) 45%, transparent) 0 1.4px, transparent 1.9px) 0 0 / 9px 9px, radial-gradient(circle, color-mix(in srgb, var(--mx) 45%, transparent) 0 1.4px, transparent 1.9px) 4.5px 4.5px / 9px 9px, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 14px;
}
.us-pwpolka-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwpolka-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwpolka-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwpolka-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwpolka-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwstripesuit {
    background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--m) 30%, var(--mx)) 0 3px, var(--mx) 3px 6px); color: var(--mk); border-top: 2px solid var(--m); border-bottom: 2px solid var(--m); border-radius: 6px; font-weight: 900;
}
.us-pwstripesuit-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwstripesuit-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwstripesuit-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwstripesuit-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwstripesuit-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwgingham {
    background: linear-gradient(90deg, color-mix(in srgb, var(--m) 45%, transparent) 50%, transparent 50%) 0 0 / 8px 8px, linear-gradient(color-mix(in srgb, var(--m) 45%, transparent) 50%, transparent 50%) 0 0 / 8px 8px, #ffffff; color: var(--mk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border: 1px solid var(--m); border-radius: 3px; font-weight: 900;
}
.us-pwgingham-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwgingham-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwgingham-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwgingham-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwgingham-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwhalfsun {
    background: linear-gradient(90deg, var(--mx) calc(100% - 15px), transparent calc(100% - 15px)), radial-gradient(circle, var(--m) 0 1.2px, transparent 1.6px) 0 0 / 4px 4px, var(--mx); color: var(--mk); border: 1px solid var(--ml); border-radius: 6px; padding: 1px 20px 1px 11px; font-weight: 900;
}
.us-pwhalfsun-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwhalfsun-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwhalfsun-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwhalfsun-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwhalfsun-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwriso {
    background: radial-gradient(circle, color-mix(in srgb, var(--md) 22%, transparent) 0.6px, transparent 1px) 0 0 / 3px 3px, var(--ml); color: var(--mk); text-shadow: 1.5px 1px 0 color-mix(in srgb, var(--m) 70%, transparent); font-family: Futura, 'Century Gothic', 'Trebuchet MS', sans-serif; font-weight: 700; border: 1px solid var(--md); border-radius: 0; box-shadow: 2px 2px 0 var(--md);
}
.us-pwriso-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwriso-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwriso-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwriso-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwriso-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwbadge {
    background: var(--mx); color: var(--mk); border: 2px solid var(--md); outline: 1px solid var(--md); outline-offset: 2px; border-radius: 6px; margin: 0 4px; font-family: Georgia, 'Times New Roman', serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.86em;
}
.us-pwbadge-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwbadge-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwbadge-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwbadge-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwbadge-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwribbon {
    background: linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 0; padding: 1px 17px; clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 50%, 100% 100%, 0 100%, 6px 50%);
}
.us-pwribbon-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwribbon-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwribbon-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwribbon-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwribbon-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwpennant {
    background: linear-gradient(var(--md), var(--md)) 0 0 / 3px 100% no-repeat, linear-gradient(90deg, var(--m), var(--ml)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 0; padding: 1px 16px 1px 10px; clip-path: polygon(0 0, 100% 18%, 100% 82%, 0 100%);
}
.us-pwpennant-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwpennant-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwpennant-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwpennant-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwpennant-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwstamp {
    background: linear-gradient(var(--ml), var(--ml)) 50% 50% / calc(100% - 8px) calc(100% - 8px) no-repeat, var(--mx); color: var(--mk); border-radius: 0; padding: 5px 13px; font-weight: 900;
    -webkit-mask: radial-gradient(circle, transparent 1.4px, #000000 1.7px) -3px -3px / 6px 6px, linear-gradient(#000000, #000000) 50% 50% / calc(100% - 5px) calc(100% - 5px) no-repeat; mask: radial-gradient(circle, transparent 1.4px, #000000 1.7px) -3px -3px / 6px 6px, linear-gradient(#000000, #000000) 50% 50% / calc(100% - 5px) calc(100% - 5px) no-repeat;
}
.us-pwstamp-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwstamp-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwstamp-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwstamp-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwstamp-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwmedal {
    background: linear-gradient(90deg, var(--md), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px; padding: 1px 12px 1px 24px;
}
.us-pwmedal::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff, var(--ml) 40%, var(--m) 70%, var(--md)); box-shadow: 0 0 0 1.5px var(--mx); }
.us-pwmedal-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwmedal-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwmedal-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwmedal-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwmedal-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwtrophy {
    background: linear-gradient(180deg, var(--mx), var(--ml) 45%, var(--m) 55%, var(--ml)); color: var(--mk); text-shadow: 0 1px 0 rgba(255,255,255,0.6); border: 1px solid var(--md); border-radius: 2px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.45); font-family: Georgia, 'Times New Roman', serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.86em;
}
.us-pwtrophy-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwtrophy-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwtrophy-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwtrophy-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwtrophy-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwlcd {
    background: linear-gradient(180deg, var(--mx), color-mix(in srgb, var(--ml) 55%, var(--mx))); color: var(--mk); font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.08em; border: 3px solid var(--md); border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
}
.us-pwlcd-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwlcd-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwlcd-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwlcd-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwlcd-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwlapcount {
    background: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 3px), var(--mk); color: var(--ml); text-shadow: 0 0 3px var(--m); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.1em; border: 1px solid var(--md); border-radius: 2px;
}
.us-pwlapcount-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwlapcount-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwlapcount-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwlapcount-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwlapcount-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwpixelwave {
    background: linear-gradient(90deg, var(--ml) 25%, transparent 25% 50%, var(--ml) 50% 75%, transparent 75%) 0 calc(100% - 3px) / 12px 3px repeat-x, linear-gradient(90deg, transparent 25%, var(--ml) 25% 50%, transparent 50% 75%, var(--ml) 75%) 0 100% / 12px 3px repeat-x, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; border-radius: 0; padding: 1px 12px 7px; box-shadow: 0 0 0 2px var(--md);
}
.us-pwpixelwave-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwpixelwave-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwpixelwave-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwpixelwave-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwpixelwave-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwglitch {
    background: var(--m); color: #ffffff; text-shadow: 2px 0 var(--ml), -2px 0 var(--md), 0 1px 2px var(--mk); border-radius: 2px; clip-path: polygon(0 0, 100% 0, 100% 40%, calc(100% - 3px) 40%, calc(100% - 3px) 60%, 100% 60%, 100% 100%, 0 100%, 0 70%, 3px 70%, 3px 30%, 0 30%);
}
.us-pwglitch-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwglitch-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwglitch-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwglitch-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwglitch-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwholo {
    background: linear-gradient(115deg, var(--mx) 0%, var(--ml) 25%, #ffffff 40%, var(--m) 55%, var(--mx) 75%, var(--ml) 100%) 0 0 / 200% 100%; color: var(--mk); text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx), 0 0 4px var(--mx); border: 1px solid #ffffff; border-radius: 6px; box-shadow: 0 1px 3px color-mix(in srgb, var(--md) 40%, transparent); font-weight: 900; animation: us-shimmer 5s linear infinite alternate;
}
.us-pwholo-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwholo-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwholo-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwholo-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwholo-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwjelly {
    background: radial-gradient(ellipse at 22% 14%, rgba(255,255,255,0.65) 0 10%, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--ml) 70%, transparent), color-mix(in srgb, var(--m) 88%, transparent)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border: 1px solid var(--md); border-radius: 14px;
    box-shadow: inset 0 -3px 6px color-mix(in srgb, var(--md) 70%, transparent), inset 0 2px 3px rgba(255,255,255,0.7), 0 3px 8px color-mix(in srgb, var(--m) 40%, transparent);
}
.us-pwjelly-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwjelly-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwjelly-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwjelly-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwjelly-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwmarble {
    background: radial-gradient(circle at 30% 30%, #ffffff 0 8%, transparent 25%), radial-gradient(circle at 50% 50%, var(--ml), var(--m) 60%, var(--md)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.us-pwmarble-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwmarble-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwmarble-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwmarble-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwmarble-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwbubble {
    background: none; color: #ffffff; text-shadow: -1px -1px 0 var(--m), 1px -1px 0 var(--m), -1px 1px 0 var(--m), 1px 1px 0 var(--m), 0 2px 0 var(--md), 0 3px 2px rgba(0,0,0,0.2); font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif; font-weight: 900; font-size: 1.08em; padding: 0 4px; border-radius: 0;
}
.us-pwbubble-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwbubble-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwbubble-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwbubble-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwbubble-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwlongshadow {
    background: none; color: var(--md); text-shadow: 1px 1px 0 var(--m), 2px 2px 0 var(--ml), 3px 3px 0 color-mix(in srgb, var(--ml) 60%, transparent); font-weight: 900; padding: 0 6px 0 3px; border-radius: 0;
}
.us-pwlongshadow-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwlongshadow-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwlongshadow-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwlongshadow-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwlongshadow-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwoutline {
    background: transparent; color: var(--md); border: 2px solid var(--m); border-radius: 999px; padding: 0 13px; font-weight: 900;
}
.us-pwoutline-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwoutline-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwoutline-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwoutline-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwoutline-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-pwdotted {
    background: var(--mx); color: var(--md); border: 2px dotted var(--m); border-radius: 999px; padding: 0 13px; font-weight: 900;
}
.us-pwdotted-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwdotted-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwdotted-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwdotted-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwdotted-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-pwwavyline {
    background: none; color: var(--mk); text-decoration: underline wavy var(--m) 2px; text-underline-offset: 4px; font-weight: 900; padding: 0 2px 2px; border-radius: 0;
}
.us-pwwavyline-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwwavyline-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwwavyline-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwwavyline-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwwavyline-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-pwhighlight {
    background: linear-gradient(100deg, transparent 0 2%, var(--ml) 4% 96%, transparent 98%) 0 75% / 100% 60% no-repeat; color: var(--mk); font-weight: 900; padding: 0 4px; border-radius: 0;
}
.us-pwhighlight-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwhighlight-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwhighlight-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwhighlight-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwhighlight-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-pwduo {
    background: linear-gradient(90deg, var(--md) 0 50%, var(--ml) 50%); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px;
}
.us-pwduo-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwduo-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwduo-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwduo-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-pwduo-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-pwsunsetmono {
    background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)) 0 62% / 100% 1px no-repeat, linear-gradient(180deg, var(--mx) 0%, var(--ml) 35%, var(--m) 65%, var(--md) 100%); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 14px;
}
.us-pwsunsetmono-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-pwsunsetmono-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-pwsunsetmono-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-pwsunsetmono-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-pwsunsetmono-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-ptglitter {
    background: radial-gradient(circle at 5px 25%, #ffffff 0 0.9px, transparent 1.4px), radial-gradient(circle at 4px 75%, var(--ol) 0 0.9px, transparent 1.4px), radial-gradient(circle at calc(100% - 5px) 30%, #ffffff 0 1px, transparent 1.5px), radial-gradient(circle at calc(100% - 4px) 78%, #ffffff 0 0.8px, transparent 1.3px), radial-gradient(circle at 50% 10%, rgba(255,255,255,0.7) 0 0.7px, transparent 1.1px), linear-gradient(180deg, var(--c), var(--b));
    color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; box-shadow: 0 0 0 1px var(--o);
}
.us-ptglitter-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptglitter-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptglitter-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptglitter-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptglitter-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptdapple {
    background: radial-gradient(ellipse 22% 60% at 15% 40%, rgba(255,255,255,0.35), transparent 70%), radial-gradient(ellipse 18% 50% at 55% 70%, rgba(255,255,255,0.3), transparent 70%), radial-gradient(ellipse 20% 55% at 85% 30%, color-mix(in srgb, var(--ol) 55%, transparent), transparent 70%), var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px;
}
.us-ptdapple-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptdapple-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptdapple-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptdapple-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptdapple-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptcrown {
    background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 9px 9px; margin-top: 5px;
}
.us-ptcrown::before { content: ''; position: absolute; pointer-events: none; left: 4px; right: 4px; top: -5px; height: 6px; background: radial-gradient(circle at 50% 100%, var(--w) 0 2.5px, transparent 3px) 0 0 / 9px 6px repeat-x; }
.us-ptcrown-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptcrown-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptcrown-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptcrown-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptcrown-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcolumn {
    background: radial-gradient(circle at 7px 25%, transparent 0 1.6px, var(--w) 1.8px 2.5px, transparent 2.8px), radial-gradient(circle at 10px 55%, transparent 0 1.1px, var(--w) 1.3px 1.9px, transparent 2.2px), radial-gradient(circle at 6px 82%, var(--w) 0 1.4px, transparent 1.8px), linear-gradient(90deg, var(--o) 0 15px, var(--c) 15px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 12px 1px 21px;
}
.us-ptcolumn-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptcolumn-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptcolumn-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptcolumn-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcolumn-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pttarget {
    background: repeating-radial-gradient(ellipse at 50% 50%, var(--w) 0 4px, color-mix(in srgb, var(--c) 35%, var(--w)) 4px 5px); color: var(--dk); text-shadow: 0 0 2px var(--w), 0 0 3px var(--w), 0 0 4px var(--w); border: 2px solid var(--o); border-radius: 999px; padding: 1px 14px; font-weight: 900;
}
.us-pttarget-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pttarget-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pttarget-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pttarget-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pttarget-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptwaveunder {
    background: radial-gradient(circle at 4px 0, transparent 0 2.5px, var(--o) 2.6px 3.8px, transparent 4px) 0 100% / 8px 4px repeat-x, var(--w); color: var(--b); border-radius: 6px 6px 2px 2px; padding: 1px 12px 6px; font-weight: 900;
}
.us-ptwaveunder-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptwaveunder-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptwaveunder-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptwaveunder-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptwaveunder-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptombre {
    background: linear-gradient(90deg, var(--o), var(--ol) 35%, var(--w) 50%, color-mix(in srgb, var(--c) 60%, var(--w)) 65%, var(--c)); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff; border-radius: 999px; padding: 1px 15px; font-weight: 900;
}
.us-ptombre-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptombre-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptombre-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptombre-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptombre-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptrain {
    background: radial-gradient(circle at 5px 35%, transparent 0 2px, rgba(255,255,255,0.55) 2.2px 2.8px, transparent 3px), radial-gradient(circle at calc(100% - 6px) 68%, transparent 0 3px, rgba(255,255,255,0.45) 3.2px 3.8px, transparent 4px), radial-gradient(circle at calc(100% - 4px) 20%, transparent 0 1.5px, rgba(255,255,255,0.55) 1.7px 2.2px, transparent 2.5px), linear-gradient(180deg, var(--b), color-mix(in srgb, var(--b) 70%, var(--dk)));
    color: var(--ol); text-shadow: 0 1px 2px var(--dk); border-radius: 5px; border-top: 2px solid var(--c);
}
.us-ptrain-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptrain-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptrain-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptrain-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptrain-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptnightglow {
    background: radial-gradient(ellipse 80% 120% at 50% 120%, color-mix(in srgb, var(--c) 70%, transparent), transparent 70%), var(--dk); color: var(--ol); text-shadow: 0 0 4px var(--o); border-radius: 8px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent), 0 0 6px color-mix(in srgb, var(--c) 45%, transparent);
}
.us-ptnightglow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptnightglow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptnightglow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptnightglow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptnightglow-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptsunbeam {
    background: repeating-conic-gradient(from 90deg at 0 0, color-mix(in srgb, var(--ol) 55%, transparent) 0 6deg, transparent 6deg 14deg), var(--w); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border: 1px solid var(--c); border-radius: 4px 12px 12px 12px; font-weight: 900;
}
.us-ptsunbeam-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptsunbeam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptsunbeam-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptsunbeam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptsunbeam-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pthorizon {
    background: linear-gradient(172deg, var(--ol) 0 48%, #ffffff 48% 52%, var(--c) 52%); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff; border-radius: 6px; font-weight: 900;
}
.us-pthorizon-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pthorizon-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pthorizon-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pthorizon-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pthorizon-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pticecube {
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0 12%, transparent 12% 70%, rgba(255,255,255,0.35) 70% 74%, transparent 74%), linear-gradient(180deg, color-mix(in srgb, var(--c) 35%, #ffffff), color-mix(in srgb, var(--c) 65%, #ffffff)); color: var(--dk); border: 1px solid color-mix(in srgb, var(--c) 70%, #ffffff); border-radius: 4px; box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--b) 30%, transparent), 2px 2px 0 color-mix(in srgb, var(--o) 55%, transparent); font-weight: 900;
}
.us-pticecube-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pticecube-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pticecube-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pticecube-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pticecube-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptsteam {
    background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 75%, var(--b))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 10px 10px; margin-top: 6px;
}
.us-ptsteam::before { content: ''; position: absolute; pointer-events: none; left: 25%; top: -7px; width: 50%; height: 7px; background: radial-gradient(ellipse 3px 4px at 3px 100%, transparent 60%, var(--c) 62% 85%, transparent 88%) 0 0 / 8px 7px repeat-x; opacity: 0.85; }
.us-ptsteam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptsteam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptsteam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptsteam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptsteam-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptfizz {
    background: radial-gradient(circle, rgba(255,255,255,0.4) 0.6px, transparent 1px) 0 0 / 6px 6px, radial-gradient(circle, color-mix(in srgb, var(--ol) 40%, transparent) 0.6px, transparent 1px) 3px 3px / 8px 6px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; border: 1px solid var(--o);
}
.us-ptfizz-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptfizz-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptfizz-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptfizz-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptfizz-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptwavegloss {
    background: radial-gradient(ellipse 60% 100% at 25% -30%, rgba(255,255,255,0.8), transparent 70%), radial-gradient(ellipse 60% 100% at 75% -40%, rgba(255,255,255,0.55), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; box-shadow: inset 0 -2px 0 var(--o);
}
.us-ptwavegloss-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptwavegloss-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptwavegloss-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptwavegloss-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptwavegloss-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptkidney {
    background: radial-gradient(ellipse at 40% 30%, color-mix(in srgb, var(--c) 55%, #ffffff), var(--c) 60%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--ol); border-radius: 60% 40% 55% 45% / 70% 50% 50% 30%; padding: 1px 15px;
}
.us-ptkidney-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptkidney-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptkidney-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptkidney-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptkidney-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptlapfloats {
    background: repeating-linear-gradient(90deg, var(--o) 0 5px, var(--w) 5px 7px) 0 0 / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--o) 0 5px, var(--w) 5px 7px) 0 100% / 100% 3px no-repeat, var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px; padding: 4px 12px;
}
.us-ptlapfloats-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptlapfloats-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptlapfloats-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptlapfloats-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptlapfloats-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptdivewell {
    background: radial-gradient(ellipse 70% 90% at 50% 55%, var(--dk), var(--b) 50%, var(--c) 100%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; box-shadow: inset 0 0 0 2px var(--ol);
}
.us-ptdivewell-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptdivewell-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptdivewell-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptdivewell-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptdivewell-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptspajets {
    background: var(--w); color: var(--b); border: 3px dotted var(--c); border-radius: 999px; padding: 0 13px; box-shadow: 0 0 0 2px var(--o); font-weight: 900; margin: 0 2px;
}
.us-ptspajets-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptspajets-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptspajets-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptspajets-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptspajets-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptchecker {
    border: 4px solid transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, conic-gradient(var(--o) 25%, var(--c) 0 50%, var(--o) 0 75%, var(--c) 0) 0 0 / 8px 8px border-box; color: var(--b); border-radius: 3px; padding: 0 11px; font-weight: 900;
}
.us-ptchecker-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptchecker-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptchecker-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptchecker-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptchecker-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptorangegrout {
    background: linear-gradient(90deg, color-mix(in srgb, var(--o) 70%, transparent) 1.5px, transparent 1.5px) 0 0 / 10px 100%, linear-gradient(var(--o), var(--o)) 0 0 / 100% 1.5px no-repeat, linear-gradient(var(--o), var(--o)) 0 100% / 100% 1.5px no-repeat, color-mix(in srgb, var(--c) 70%, #ffffff); color: var(--dk); text-shadow: 0 0 2px var(--w), 0 0 3px var(--w), 0 0 4px var(--w); border-radius: 2px; font-weight: 900;
}
.us-ptorangegrout-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptorangegrout-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptorangegrout-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptorangegrout-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptorangegrout-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptmosaicstrip {
    background: conic-gradient(var(--o) 25%, var(--c) 0 50%, var(--b) 0 75%, var(--ol) 0) 0 100% / 6px 6px repeat-x, var(--w); background-size: 6px 6px, auto; background-repeat: repeat-x, no-repeat; color: var(--b); border-radius: 3px; padding: 1px 12px 7px; font-weight: 900;
}
.us-ptmosaicstrip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptmosaicstrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptmosaicstrip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptmosaicstrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptmosaicstrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptdepthtile {
    background: var(--w); color: var(--b); border: 2px solid var(--c); border-radius: 3px; padding: 1px 32px 1px 11px; font-weight: 900;
}
.us-ptdepthtile::after { content: '5FT'; position: absolute; pointer-events: none; right: 3px; top: 50%; transform: translateY(-50%); padding: 1px 3px; border-radius: 2px; background: var(--o); color: #ffffff; font: 900 8px/1.3 'Arial Black', sans-serif; letter-spacing: 0.04em; }
.us-ptdepthtile-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptdepthtile-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptdepthtile-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptdepthtile-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptdepthtile-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptstones {
    background: linear-gradient(90deg, color-mix(in srgb, var(--dk) 25%, transparent) 1px, transparent 1px) 0 0 / 12px 5px repeat-x, linear-gradient(180deg, var(--ol) 0 5px, var(--c) 5px, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 7px 12px 1px;
}
.us-ptstones-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptstones-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptstones-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptstones-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptstones-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptswag {
    background: radial-gradient(circle at 6px -2px, transparent 0 5px, var(--o) 5.5px 7px, transparent 7.5px) 0 0 / 12px 6px repeat-x, var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 6px 12px 1px;
}
.us-ptswag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptswag-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptswag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptswag-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptswag-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptdeckdiag {
    background: repeating-linear-gradient(-35deg, var(--ol) 0 6px, color-mix(in srgb, var(--ol) 80%, var(--o)) 6px 7px); color: var(--dk); text-shadow: 0 0 2px var(--ol), 0 0 3px var(--ol); border-bottom: 3px solid var(--c); border-radius: 3px; font-weight: 900;
}
.us-ptdeckdiag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptdeckdiag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptdeckdiag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptdeckdiag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptdeckdiag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptpickets {
    background: linear-gradient(45deg, transparent 50%, var(--w) 50%) 0 0 / 6px 4px repeat-x, linear-gradient(-45deg, transparent 50%, var(--w) 50%) 0 0 / 6px 4px repeat-x, var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0 0 4px 4px; padding: 5px 12px 1px; box-shadow: inset 0 -2px 0 var(--o);
}
.us-ptpickets-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptpickets-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptpickets-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptpickets-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptpickets-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptwaterfall {
    background: repeating-linear-gradient(90deg, rgba(255,255,255,0.55) 0 1px, transparent 1px 3px) 0 0 / 12px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 3px solid var(--o); border-radius: 2px 8px 8px 2px; padding: 1px 12px 1px 17px;
}
.us-ptwaterfall-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptwaterfall-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptwaterfall-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptwaterfall-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptwaterfall-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptguardseat {
    background: var(--o); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; margin-bottom: 5px; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--o) 70%, #000000);
}
.us-ptguardseat::after { content: ''; position: absolute; pointer-events: none; left: 15%; right: 15%; bottom: -5px; height: 5px; background: linear-gradient(90deg, var(--b) 0 3px, transparent 3px calc(100% - 3px), var(--b) calc(100% - 3px)); }
.us-ptguardseat-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptguardseat-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptguardseat-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptguardseat-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptguardseat-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptbeacon {
    background: var(--dk); color: #ffffff; text-shadow: 0 1px 1px #000000; border-radius: 999px; padding: 1px 12px 1px 22px; border: 1px solid var(--c);
}
.us-ptbeacon::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--o); box-shadow: 0 0 6px var(--o); animation: us-blink 0.9s ease-in-out infinite alternate; }
.us-ptbeacon-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptbeacon-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptbeacon-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptbeacon-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptbeacon-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptpipes {
    background: linear-gradient(var(--b), var(--b)) 0 3px / 100% 3px no-repeat, linear-gradient(var(--o), var(--o)) 0 calc(100% - 3px) / 100% 3px no-repeat, linear-gradient(var(--b), var(--b)) 6px 3px / 3px calc(100% - 3px) no-repeat, var(--w); color: var(--b); border-radius: 2px; padding: 7px 12px 7px 15px; font-weight: 900;
}
.us-ptpipes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptpipes-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptpipes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptpipes-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptpipes-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptporthole {
    background: radial-gradient(ellipse 30% 40% at 30% 25%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--ol); border-radius: 999px; padding: 0 13px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--o) 70%, #000000), inset 0 0 0 1px color-mix(in srgb, var(--o) 70%, #000000);
}
.us-ptporthole-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptporthole-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptporthole-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptporthole-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptporthole-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptshower {
    background: var(--w); color: var(--b); border: 1px solid var(--c); border-radius: 6px; margin-top: 5px; font-weight: 900;
}
.us-ptshower::before { content: ''; position: absolute; pointer-events: none; left: 8px; right: 8px; top: -6px; height: 6px; background: radial-gradient(circle, var(--c) 0 1px, transparent 1.4px) 0 0 / 5px 3px; border-top: 2px solid var(--o); border-radius: 2px; }
.us-ptshower-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptshower-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptshower-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptshower-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptshower-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptrules {
    background: linear-gradient(var(--o), var(--o)) 0 0 / 100% 5px no-repeat, #ffffff; color: var(--b); border: 1px solid var(--b); border-radius: 3px; padding: 6px 12px 1px; font-weight: 900; box-shadow: 1px 1px 0 color-mix(in srgb, var(--b) 40%, transparent);
}
.us-ptrules-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptrules-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptrules-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptrules-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptrules-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptstripering {
    background: radial-gradient(ellipse 50% 40% at 40% 20%, rgba(255,255,255,0.7), transparent 70%), linear-gradient(180deg, var(--o) 0 16%, #ffffff 16% 24%, var(--c) 24% 76%, #ffffff 76% 84%, var(--o) 84%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px;
}
.us-ptstripering-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptstripering-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptstripering-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptstripering-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptstripering-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptwings {
    background: var(--w); color: var(--b); border-radius: 6px; padding: 1px 21px; font-weight: 900; margin: 0 2px;
}
.us-ptwings::before, .us-ptwings::after { content: ''; position: absolute; pointer-events: none; top: 50%; width: 13px; height: 16px; margin-top: -8px; border-radius: 45%; background: radial-gradient(ellipse 40% 30% at 40% 25%, rgba(255,255,255,0.8), transparent 70%), var(--o); }
.us-ptwings::before { left: 2px; } .us-ptwings::after { right: 2px; }
.us-ptwings-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptwings-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptwings-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptwings-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptwings-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptvolley {
    background: radial-gradient(ellipse 120% 70% at 50% -30%, transparent 60%, color-mix(in srgb, var(--b) 45%, transparent) 61% 63%, transparent 64%), radial-gradient(ellipse 120% 70% at 50% 130%, transparent 60%, color-mix(in srgb, var(--b) 45%, transparent) 61% 63%, transparent 64%), linear-gradient(90deg, var(--ol), #ffffff 30%, #ffffff 70%, color-mix(in srgb, var(--c) 45%, #ffffff)); color: var(--dk); border-radius: 999px; padding: 1px 15px; font-weight: 900; box-shadow: inset 0 -2px 3px rgba(0,0,0,0.15);
}
.us-ptvolley-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptvolley-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptvolley-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptvolley-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptvolley-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptpolocap {
    background: radial-gradient(circle at 6px 50%, #ffffff 0 2px, var(--o) 2.5px 4.5px, transparent 5px), radial-gradient(circle at calc(100% - 6px) 50%, #ffffff 0 2px, var(--o) 2.5px 4.5px, transparent 5px), var(--b); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 8px 8px; padding: 2px 17px 1px;
}
.us-ptpolocap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptpolocap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptpolocap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptpolocap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptpolocap-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptpaddles {
    background: radial-gradient(circle, color-mix(in srgb, var(--w) 45%, transparent) 0 1.2px, transparent 1.6px) 4px 4px / 10px 8px, var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--o); border-radius: 10px 10px 6px 6px; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk);
}
.us-ptpaddles-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptpaddles-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptpaddles-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptpaddles-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptpaddles-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pttorpedo {
    background: linear-gradient(180deg, rgba(255,255,255,0.45), transparent 55%), linear-gradient(90deg, var(--o) 0 8px, var(--c) 8px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 4px 4px 999px; padding: 1px 15px 1px 16px; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 25%, calc(100% - 4px) 50%, 100% 75%, calc(100% - 6px) 100%, 0 100%);
}
.us-pttorpedo-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pttorpedo-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pttorpedo-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pttorpedo-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pttorpedo-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pthoop {
    background: linear-gradient(180deg, #ffffff, var(--w)); color: var(--b); border: 1px solid var(--c); border-radius: 4px; padding: 1px 25px 1px 11px; font-weight: 900;
}
.us-pthoop::after { content: ''; position: absolute; pointer-events: none; right: 4px; top: 50%; width: 15px; height: 6px; margin-top: -1px; border: 2px solid var(--o); border-radius: 50%; box-sizing: border-box; box-shadow: 0 -5px 0 -2px var(--c); }
.us-pthoop-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pthoop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pthoop-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pthoop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pthoop-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptlounge {
    background: linear-gradient(90deg, color-mix(in srgb, var(--o) 80%, #ffffff) 0 14px, transparent 14px), repeating-linear-gradient(90deg, var(--c) 0 9px, color-mix(in srgb, var(--c) 75%, #ffffff) 9px 10px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 5px 5px 12px; padding: 1px 12px 1px 19px; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk);
}
.us-ptlounge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptlounge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptlounge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptlounge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptlounge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptbucket {
    background: linear-gradient(180deg, var(--ol) 0 3px, var(--o) 3px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px 2px 8px 8px; clip-path: polygon(0 0, 100% 0, 94% 100%, 6% 100%); padding: 2px 15px 1px; text-shadow: 0 1px 2px var(--dk);
}
.us-ptbucket::before { content: ''; position: absolute; pointer-events: none; left: 10%; right: 10%; top: 0; height: 2px; background: var(--c); }
.us-ptbucket-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptbucket-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptbucket-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptbucket-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptbucket-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptmask {
    background: linear-gradient(180deg, color-mix(in srgb, var(--c) 35%, #ffffff), color-mix(in srgb, var(--c) 60%, #ffffff)); color: var(--dk); border: 3px solid var(--o); border-radius: 12px 12px 8px 8px / 10px 10px 12px 12px; padding: 0 12px; font-weight: 900; box-shadow: inset 0 2px 0 rgba(255,255,255,0.8), 0 0 0 1px var(--b);
}
.us-ptmask-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptmask-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptmask-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptmask-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptmask-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptstrap {
    background: linear-gradient(var(--o), var(--o)) 0 2px / 100% 2px no-repeat, linear-gradient(var(--o), var(--o)) 0 calc(100% - 2px) / 100% 2px no-repeat, var(--w); color: var(--b); padding: 4px 12px; border-left: 6px solid var(--c); border-right: 6px solid var(--c); border-radius: 6px; font-weight: 900;
}
.us-ptstrap-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptstrap-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptstrap-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptstrap-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptstrap-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptvtowel {
    background: linear-gradient(90deg, var(--o) 0 4px, #ffffff 4px 6px, var(--c) 6px 10px, transparent 10px), linear-gradient(270deg, var(--o) 0 4px, #ffffff 4px 6px, var(--c) 6px 10px, transparent 10px), #fffdf8; color: var(--b); padding: 1px 16px; border-radius: 2px; font-weight: 900; box-shadow: 0 1px 2px rgba(0,0,0,0.18);
}
.us-ptvtowel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptvtowel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptvtowel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptvtowel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptvtowel-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptaviator {
    background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 50%, var(--c)) 55%, var(--c)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 2px solid #c9a24a; border-radius: 6px 6px 16px 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
.us-ptaviator-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptaviator-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptaviator-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptaviator-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptaviator-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptsqueeze {
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--dk) 25%, transparent) 0 1px, transparent 1px 2px) 100% 0 / 5px 100% no-repeat, linear-gradient(180deg, #ffffff, var(--w)); color: var(--b); border-left: 7px solid var(--o); border-radius: 6px 1px 1px 6px; padding: 1px 15px 1px 10px; font-weight: 900;
}
.us-ptsqueeze-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptsqueeze-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptsqueeze-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptsqueeze-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptsqueeze-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptorangeade {
    background: radial-gradient(circle at calc(100% - 4px) 4px, var(--ol) 0 4px, var(--o) 4.5px 6px, transparent 6.5px), linear-gradient(180deg, rgba(255,255,255,0.6) 0 25%, color-mix(in srgb, var(--o) 55%, #ffffff) 25%); color: var(--dk); border: 1px solid var(--c); border-radius: 2px 2px 8px 8px; padding: 1px 16px 1px 11px; font-weight: 900;
}
.us-ptorangeade-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptorangeade-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptorangeade-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptorangeade-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptorangeade-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptlolly {
    background: repeating-linear-gradient(-60deg, color-mix(in srgb, var(--o) 40%, var(--w)) 0 4px, var(--w) 4px 6px, color-mix(in srgb, var(--c) 40%, var(--w)) 6px 10px, var(--w) 10px 12px); border: 2px solid var(--o); color: var(--dk); text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 1px 14px; font-weight: 900;
}
.us-ptlolly-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptlolly-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptlolly-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptlolly-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptlolly-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptfloat {
    background: radial-gradient(circle at 6px 3px, #ffffff 0 3px, transparent 3.5px) 0 0 / 9px 6px repeat-x, linear-gradient(180deg, #ffffff 0 4px, var(--o) 4px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 3px 3px; padding: 5px 12px 1px; box-shadow: inset 0 -2px 0 var(--c); text-shadow: 0 1px 2px var(--dk);
}
.us-ptfloat-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptfloat-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptfloat-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptfloat-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptfloat-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptshaved {
    background: radial-gradient(circle, rgba(255,255,255,0.4) 0.7px, transparent 1.2px) 0 0 / 4px 4px, linear-gradient(90deg, var(--o) 0 50%, var(--c) 50%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 3px 3px; padding: 2px 14px 1px; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk), 0 0 4px var(--dk);
}
.us-ptshaved-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptshaved-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptshaved-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptshaved-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptshaved-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptjuicebox {
    background: linear-gradient(var(--o), var(--o)) 0 0 / 100% 4px no-repeat, var(--w); color: var(--b); border: 1px solid var(--c); border-radius: 2px; padding: 5px 15px 1px 11px; margin-top: 4px; font-weight: 900;
}
.us-ptjuicebox::after { content: ''; position: absolute; pointer-events: none; right: 4px; top: -7px; width: 2px; height: 10px; background: var(--c); transform: rotate(-12deg); }
.us-ptjuicebox-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptjuicebox-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptjuicebox-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptjuicebox-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptjuicebox-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptbitten {
    background: radial-gradient(circle at 100% 0, transparent 0 4px, var(--o) 4.5px) 0 0 / 100% 100% no-repeat; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px 3px 4px 4px; text-shadow: 0 1px 2px var(--dk); box-shadow: inset 0 -3px 0 var(--c);
}
.us-ptbitten-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptbitten-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptbitten-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptbitten-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptbitten-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptlanyard {
    background: var(--w); color: var(--b); border: 1px solid var(--c); border-top: 4px solid var(--o); border-radius: 3px; margin-top: 4px; font-weight: 900;
}
.us-ptlanyard::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: -9px; width: 10px; height: 6px; margin-left: -5px; border: 2px solid var(--c); border-bottom: 0; border-radius: 5px 5px 0 0; }
.us-ptlanyard-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptlanyard-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptlanyard-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptlanyard-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptlanyard-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptziplock {
    background: linear-gradient(var(--o), var(--o)) 0 3px / 100% 2px no-repeat, linear-gradient(color-mix(in srgb, var(--c) 70%, transparent), color-mix(in srgb, var(--c) 70%, transparent)) 0 6px / 100% 1px no-repeat, color-mix(in srgb, var(--c) 25%, #ffffff); color: var(--dk); border: 1px solid var(--c); border-radius: 4px; padding: 8px 12px 1px; font-weight: 900;
}
.us-ptziplock-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptziplock-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptziplock-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptziplock-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptziplock-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptbagtag {
    background: radial-gradient(circle at 7px 50%, #ffffff 0 2px, var(--b) 2.4px 3px, transparent 3.4px), var(--o); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); padding: 1px 12px 1px 17px; border-radius: 0 4px 4px 0; clip-path: polygon(6px 0, 100% 0, 100% 100%, 6px 100%, 0 50%); text-shadow: 0 1px 2px var(--dk);
}
.us-ptbagtag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptbagtag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptbagtag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptbagtag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptbagtag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcap {
    background: radial-gradient(ellipse 40% 50% at 35% 20%, rgba(255,255,255,0.55), transparent 70%), var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 2px 15px 2px 12px; box-shadow: 6px 2px 0 -2px var(--o); margin-right: 5px;
}
.us-ptcap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptcap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptcap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptcap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcap-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptrescueboard {
    background: radial-gradient(ellipse 4px 2.5px at 9px 50%, var(--dk) 90%, transparent), radial-gradient(ellipse 4px 2.5px at calc(100% - 9px) 50%, var(--dk) 90%, transparent), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); border-radius: 999px; padding: 1px 20px; font-weight: 900; box-shadow: inset 0 0 0 2px var(--c);
}
.us-ptrescueboard-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptrescueboard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptrescueboard-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptrescueboard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptrescueboard-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptnoodles {
    background: linear-gradient(180deg, rgba(255,255,255,0.5), transparent 25%, transparent 50%, rgba(255,255,255,0.4) 50%, transparent 75%), linear-gradient(180deg, var(--o) 0 50%, var(--c) 50%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk), 0 0 4px var(--dk); border-radius: 999px; padding: 1px 15px;
}
.us-ptnoodles-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptnoodles-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptnoodles-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptnoodles-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptnoodles-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptfirstaid {
    background: linear-gradient(#ffffff, #ffffff) 9px 50% / 3px 11px no-repeat, linear-gradient(#ffffff, #ffffff) 5.5px 50% / 10px 3px no-repeat, linear-gradient(90deg, var(--o) 0 21px, var(--w) 21px); color: var(--b); border: 1px solid var(--o); border-radius: 4px; padding: 1px 12px 1px 27px; font-weight: 900;
}
.us-ptfirstaid-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptfirstaid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptfirstaid-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptfirstaid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptfirstaid-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptscript {
    background: linear-gradient(var(--o), var(--o)) 4px calc(100% - 2px) / calc(100% - 8px) 2px no-repeat; color: var(--b); font-family: 'Snell Roundhand', 'Segoe Script', 'Brush Script MT', cursive; font-style: italic; font-weight: 700; font-size: 1.1em; padding: 0 6px 4px; border-radius: 0;
}
.us-ptscript-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptscript-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptscript-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptscript-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptscript-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptinvite {
    background: linear-gradient(160deg, var(--ol) 0 50%, transparent 50%) 0 0 / 50% 8px no-repeat, linear-gradient(200deg, var(--ol) 0 50%, transparent 50%) 100% 0 / 50% 8px no-repeat, #ffffff; color: var(--b); border: 1px solid var(--o); border-radius: 2px; padding: 8px 12px 2px; font-weight: 900; box-shadow: 0 0 0 2px color-mix(in srgb, var(--c) 35%, transparent);
}
.us-ptinvite-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptinvite-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptinvite-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptinvite-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptinvite-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptneonwave {
    background: var(--dk); color: var(--ol); text-shadow: 0 0 3px var(--o), 0 0 7px var(--o); border-radius: 6px; padding: 6px 12px 1px;
}
.us-ptneonwave::before { content: ''; position: absolute; pointer-events: none; left: 6px; right: 6px; top: 2px; height: 4px; background: radial-gradient(circle at 4px 4px, transparent 0 2.4px, var(--c) 2.6px 3.4px, transparent 3.6px) 0 0 / 8px 4px repeat-x; filter: drop-shadow(0 0 2px var(--c)); }
.us-ptneonwave-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptneonwave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptneonwave-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptneonwave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptneonwave-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptboomerang {
    background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 50% 6px 50% 6px / 100% 6px 100% 6px; padding: 1px 16px; margin: 0 6px; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--c);
}
.us-ptboomerang-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptboomerang-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptboomerang-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptboomerang-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptboomerang-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptgoogie {
    background: radial-gradient(circle at 5px 5px, var(--o) 0 1px, transparent 1.4px), conic-gradient(from 45deg at 5px 5px, var(--o) 0 4deg, transparent 4deg 86deg, var(--o) 86deg 94deg, transparent 94deg 176deg, var(--o) 176deg 184deg, transparent 184deg 266deg, var(--o) 266deg 274deg, transparent 274deg) 0 0 / 10px 10px no-repeat, radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), var(--c) 0 2px, transparent 2.5px), var(--w);
    color: var(--b); border-radius: 999px; padding: 1px 15px; font-weight: 900; border: 1px solid color-mix(in srgb, var(--b) 30%, transparent);
}
.us-ptgoogie-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptgoogie-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptgoogie-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptgoogie-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptgoogie-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptboomprint {
    background: radial-gradient(ellipse 4px 1.5px at 7px 5px, var(--o) 90%, transparent), radial-gradient(ellipse 1.5px 4px at 4px 8px, var(--o) 90%, transparent), radial-gradient(ellipse 4px 1.5px at calc(100% - 7px) calc(100% - 5px), var(--c) 90%, transparent), radial-gradient(ellipse 1.5px 4px at calc(100% - 4px) calc(100% - 8px), var(--c) 90%, transparent), #fff9ef;
    color: var(--b); text-shadow: 0 0 2px #fff9ef, 0 0 3px #fff9ef; border: 1px solid var(--ol); border-radius: 4px; font-weight: 900;
}
.us-ptboomprint-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptboomprint-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptboomprint-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptboomprint-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptboomprint-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pttileletters {
    background: linear-gradient(90deg, color-mix(in srgb, var(--c) 35%, transparent) 1px, transparent 1px) 0 0 / 11px 100%, var(--w); color: var(--b); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 900; border-top: 3px solid var(--o); border-bottom: 3px solid var(--o); border-radius: 0; padding: 1px 6px 1px 10px;
}
.us-pttileletters-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pttileletters-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pttileletters-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pttileletters-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pttileletters-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptsleeve {
    background: linear-gradient(var(--o), var(--o)) 0 calc(100% - 7px) / 100% 2px no-repeat, linear-gradient(var(--o), var(--o)) 0 calc(100% - 3px) / 100% 2px no-repeat, var(--b); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 12px 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.92em;
}
.us-ptsleeve-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptsleeve-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptsleeve-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptsleeve-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptsleeve-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptjersey {
    background: linear-gradient(90deg, var(--o) 0 4px, transparent 4px calc(100% - 4px), var(--o) calc(100% - 4px)), var(--c); color: #ffffff; text-shadow: -1px -1px 0 var(--b), 1px -1px 0 var(--b), -1px 1px 0 var(--b), 1px 1px 0 var(--b); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; letter-spacing: 0.05em; border-radius: 6px 6px 2px 2px; padding: 1px 13px;
}
.us-ptjersey-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptjersey-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptjersey-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptjersey-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptjersey-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptsplitflap {
    background: linear-gradient(180deg, transparent calc(50% - 0.5px), #000000 calc(50% - 0.5px) calc(50% + 0.5px), transparent calc(50% + 0.5px)), linear-gradient(180deg, color-mix(in srgb, var(--dk) 85%, #ffffff) 0 50%, var(--dk) 50%); color: var(--ol); font-family: 'JetBrains Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: 0.12em; border-radius: 3px; box-shadow: 0 0 0 1px var(--c);
}
.us-ptsplitflap-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptsplitflap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptsplitflap-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptsplitflap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptsplitflap-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptadmit {
    background: radial-gradient(circle at 0 50%, transparent 0 3.5px, var(--o) 4px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 3.5px, var(--o) 4px) 100% 0 / 51% 100% no-repeat; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px; padding: 1px 14px; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.9em; text-shadow: 0 1px 2px var(--dk);
}
.us-ptadmit::before { content: ''; position: absolute; pointer-events: none; inset: 3px 7px; border: 1px dashed color-mix(in srgb, var(--w) 80%, transparent); border-radius: 1px; }
.us-ptadmit-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptadmit-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptadmit-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptadmit-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptadmit-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptbooth {
    background: radial-gradient(circle, #ffffff 0 1px, transparent 1.5px) 0 1px / 6px 4px repeat-x, radial-gradient(circle, #ffffff 0 1px, transparent 1.5px) 0 calc(100% - 1px) / 6px 4px repeat-x, var(--dk); color: var(--ol); border-radius: 1px; padding: 5px 12px; box-shadow: inset 0 0 0 1px var(--c);
}
.us-ptbooth-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptbooth-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptbooth-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptbooth-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptbooth-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptslide {
    background: linear-gradient(180deg, var(--c), var(--b)) 50% 50% / calc(100% - 10px) calc(100% - 8px) no-repeat, #fbf7f0; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 5px 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 0 1px var(--ol);
}
.us-ptslide-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptslide-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptslide-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptslide-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptslide-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptwavestamp {
    background: radial-gradient(circle at 50% 120%, transparent 0 45%, color-mix(in srgb, var(--c) 45%, transparent) 46% 52%, transparent 53%) 0 100% / 12px 8px repeat-x, var(--w); color: var(--b); border: 2px dotted var(--o); border-radius: 2px; padding: 2px 12px; font-weight: 900;
}
.us-ptwavestamp-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptwavestamp-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptwavestamp-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptwavestamp-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptwavestamp-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcalendar {
    background: linear-gradient(var(--o), var(--o)) 0 0 / 100% 6px no-repeat, #ffffff; color: var(--b); border: 1px solid var(--c); border-radius: 3px; padding: 7px 12px 1px; margin-top: 3px; font-weight: 900;
}
.us-ptcalendar::before { content: ''; position: absolute; pointer-events: none; left: 25%; right: 25%; top: -3px; height: 5px; background: radial-gradient(circle, var(--dk) 0 1.5px, transparent 2px) 0 0 / 8px 5px repeat-x; }
.us-ptcalendar-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptcalendar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptcalendar-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptcalendar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcalendar-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptmixtape {
    background: radial-gradient(circle at 25% 72%, var(--dk) 0 2px, #ffffff 2.5px 3.5px, transparent 4px), radial-gradient(circle at 75% 72%, var(--dk) 0 2px, #ffffff 2.5px 3.5px, transparent 4px), linear-gradient(180deg, var(--ol) 0 55%, var(--c) 55%); color: var(--dk); text-shadow: 0 0 2px var(--ol); border-radius: 3px; padding: 0 12px 8px; font-style: italic; font-weight: 900;
}
.us-ptmixtape-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptmixtape-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptmixtape-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptmixtape-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptmixtape-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptspeakers {
    background: radial-gradient(circle at 8px 50%, var(--dk) 0 2px, var(--c) 2.5px 4.5px, var(--dk) 5px 6px, transparent 6.5px), radial-gradient(circle at calc(100% - 8px) 50%, var(--dk) 0 2px, var(--c) 2.5px 4.5px, var(--dk) 5px 6px, transparent 6.5px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); border-radius: 4px; padding: 1px 19px; font-weight: 900;
}
.us-ptspeakers-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptspeakers-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptspeakers-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptspeakers-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptspeakers-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptsurf {
    background: linear-gradient(90deg, var(--o), var(--c)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 2px solid #ffffff; border-radius: 4px; transform: skewX(-10deg); box-shadow: 2px 2px 0 color-mix(in srgb, var(--dk) 30%, transparent); font-style: italic; font-weight: 900; margin: 0 4px;
}
.us-ptsurf-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptsurf-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptsurf-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptsurf-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptsurf-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptgumbubble {
    background: var(--o); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 21px 1px 12px; text-shadow: 0 1px 2px var(--dk);
}
.us-ptgumbubble::after { content: ''; position: absolute; pointer-events: none; right: 3px; top: 50%; width: 13px; height: 13px; margin-top: -6.5px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff 0 18%, color-mix(in srgb, var(--c) 60%, #ffffff) 30%, var(--c)); }
.us-ptgumbubble-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptgumbubble-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptgumbubble-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptgumbubble-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptgumbubble-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptpopdots {
    background: radial-gradient(circle, color-mix(in srgb, var(--c) 40%, transparent) 0 1.4px, transparent 1.8px) 0 0 / 5px 5px, var(--w); color: var(--o); text-shadow: -1px -1px 0 var(--dk), 1px -1px 0 var(--dk), -1px 1px 0 var(--dk), 1px 1px 0 var(--dk); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; letter-spacing: 0.08em; padding: 1px 12px; border: 2px solid var(--dk); border-radius: 2px;
}
.us-ptpopdots-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptpopdots-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptpopdots-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptpopdots-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptpopdots-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcomicburst {
    background: var(--ol); color: var(--dk); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; border-radius: 0; padding: 4px 16px; text-shadow: 1px 1px 0 var(--c);
    clip-path: polygon(0 20%, 8% 0, 22% 14%, 35% 0, 50% 12%, 65% 0, 78% 14%, 92% 0, 100% 20%, 96% 50%, 100% 80%, 92% 100%, 78% 86%, 65% 100%, 50% 88%, 35% 100%, 22% 86%, 8% 100%, 0 80%, 4% 50%);
}
.us-ptcomicburst-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptcomicburst-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptcomicburst-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptcomicburst-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcomicburst-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptextrude {
    background: none; color: var(--o); text-shadow: 1px 1px 0 var(--c), 2px 2px 0 var(--b); font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; letter-spacing: 0.03em; padding: 0 5px 2px 2px; border-radius: 0;
}
.us-ptextrude-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptextrude-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptextrude-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptextrude-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptextrude-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptoutlineduo {
    background: none; color: var(--ol); -webkit-text-stroke: 1px var(--b); text-shadow: 0 2px 0 var(--c); font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif; font-weight: 900; font-size: 1.08em; padding: 0 4px 2px; border-radius: 0;
}
.us-ptoutlineduo-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptoutlineduo-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptoutlineduo-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptoutlineduo-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptoutlineduo-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptvgrad {
    background: linear-gradient(180deg, var(--o) 20%, var(--c) 80%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b); filter: drop-shadow(0 0 0.6px var(--dk)) drop-shadow(0 1px 0 var(--dk)); font-weight: 900; font-size: 1.08em; padding: 0 3px; border-radius: 0;
}
.us-ptvgrad-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptvgrad-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptvgrad-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptvgrad-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptvgrad-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptchrome {
    background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--c) 40%, #ffffff) 45%, var(--b) 50%, color-mix(in srgb, var(--o) 60%, #ffffff) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b); filter: drop-shadow(0 0 0.7px var(--dk)) drop-shadow(0 1px 0 var(--dk)); font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; font-style: italic; font-size: 1.06em; padding: 0 4px; border-radius: 0;
}
.us-ptchrome-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptchrome-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-ptchrome-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptchrome-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-ptchrome-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptfrosted {
    background: linear-gradient(135deg, color-mix(in srgb, var(--ol) 55%, transparent), color-mix(in srgb, var(--c) 45%, transparent)); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); color: var(--dk); border: 1px solid rgba(255,255,255,0.9); border-radius: 10px; box-shadow: 0 2px 8px color-mix(in srgb, var(--b) 25%, transparent), inset 0 1px 0 rgba(255,255,255,0.9); font-weight: 900;
}
.us-ptfrosted-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-ptfrosted-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptfrosted-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-ptfrosted-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptfrosted-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcapsule {
    background: linear-gradient(180deg, rgba(255,255,255,0.65), transparent 50%), linear-gradient(90deg, var(--o) 0 50%, var(--c) 50%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 15px; box-shadow: inset 0 -2px 3px rgba(0,0,0,0.2), 0 1px 3px rgba(0,0,0,0.25);
}
.us-ptcapsule-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptcapsule-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-ptcapsule-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptcapsule-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-ptcapsule-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pttoggle {
    background: var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 25px 1px 12px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}
.us-pttoggle::after { content: ''; position: absolute; pointer-events: none; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff, var(--ol) 60%, var(--o)); box-shadow: 0 1px 2px rgba(0,0,0,0.35); }
.us-pttoggle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pttoggle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pttoggle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pttoggle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pttoggle-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptsunring {
    border: 3px solid transparent; background: linear-gradient(var(--w), var(--w)) padding-box, conic-gradient(from 0deg, var(--o), var(--ol), var(--c), var(--b), var(--o)) border-box; color: var(--b); border-radius: 999px; padding: 0 13px; font-weight: 900;
}
.us-ptsunring-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-ptsunring-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-ptsunring-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-ptsunring-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-ptsunring-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
/* --- Poolside 4: 90 designs x 5 colorways, in the orange-and-pool-blue summer palette of Poolside 2 and 3 --- */
.us-pfcaustics { background: repeating-linear-gradient(60deg, transparent 0 8px, rgba(255,255,255,0.17) 8px 9px), repeating-linear-gradient(-60deg, transparent 0 8px, rgba(255,255,255,0.17) 8px 9px), radial-gradient(ellipse 14px 8px at 25% 40%, rgba(255,255,255,0.35), transparent), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 7px; }
.us-pfcaustics-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfcaustics-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfcaustics-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfcaustics-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfcaustics-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfwhitecap { background: radial-gradient(ellipse 7px 3px at 9px 5px, var(--w) 0 80%, transparent 86%) 0 0 / 44px 10px repeat-x, radial-gradient(ellipse 5px 2px at 26px 3px, var(--w) 0 80%, transparent 86%) 0 0 / 44px 10px repeat-x, radial-gradient(ellipse 6px 2.5px at 38px 6px, var(--w) 0 80%, transparent 86%) 0 0 / 44px 10px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 8px 12px 1px; }
.us-pfwhitecap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfwhitecap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfwhitecap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfwhitecap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfwhitecap-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfeddy { background: conic-gradient(from 90deg at 88% 50%, rgba(255,255,255,0.4), transparent 25%, rgba(255,255,255,0.28) 50%, transparent 75%, rgba(255,255,255,0.4)), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 24px 1px 14px; }
.us-pfeddy-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfeddy-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfeddy-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfeddy-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfeddy-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfrippleedge { background: repeating-radial-gradient(circle at 100% 50%, transparent 0 5px, rgba(255,255,255,0.4) 5px 6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 18px 1px 12px; }
.us-pfrippleedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfrippleedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfrippleedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfrippleedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfrippleedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pftidepool { background: radial-gradient(ellipse at 50% 30%, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--ol); border-radius: 40% / 80%; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3); padding: 0 16px; }
.us-pftidepool-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pftidepool-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pftidepool-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pftidepool-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pftidepool-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfseafoam { background: radial-gradient(circle at 8% 30%, rgba(255,255,255,0.8) 0 3px, transparent 3.6px), radial-gradient(circle at 22% 78%, rgba(255,255,255,0.6) 0 2px, transparent 2.6px), radial-gradient(circle at 48% 20%, rgba(255,255,255,0.7) 0 2.4px, transparent 3px), radial-gradient(circle at 70% 80%, rgba(255,255,255,0.8) 0 3px, transparent 3.6px), radial-gradient(circle at 92% 35%, rgba(255,255,255,0.6) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 9px; }
.us-pfseafoam-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfseafoam-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfseafoam-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfseafoam-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfseafoam-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfmisting { background: radial-gradient(circle, rgba(255,255,255,0.6) 0 0.8px, transparent 1.2px) 0 0 / 6px 6px, radial-gradient(circle, rgba(255,255,255,0.38) 0 0.8px, transparent 1.2px) 3px 3px / 6px 6px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 9px; box-shadow: 0 0 10px color-mix(in srgb, var(--c) 50%, transparent); }
.us-pfmisting-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfmisting-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfmisting-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfmisting-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfmisting-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfwakewash { background: linear-gradient(160deg, transparent 38%, rgba(255,255,255,0.45) 39% 42%, transparent 43%), linear-gradient(20deg, transparent 38%, rgba(255,255,255,0.45) 39% 42%, transparent 43%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 14px 14px 4px; }
.us-pfwakewash-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfwakewash-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfwakewash-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfwakewash-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfwakewash-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfsurfline { background: radial-gradient(circle at 6px 100%, var(--w) 0 4px, transparent 4.6px) 0 100% / 12px 6px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 12px 8px; }
.us-pfsurfline-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfsurfline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfsurfline-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfsurfline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfsurfline-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfdewdrop { background: radial-gradient(circle at 16% 30%, #ffffff 0 1.4px, rgba(255,255,255,0.45) 2px 3.6px, transparent 4.2px), radial-gradient(circle at 58% 72%, #ffffff 0 1.2px, rgba(255,255,255,0.4) 1.8px 3.2px, transparent 3.8px), radial-gradient(circle at 88% 28%, #ffffff 0 1.2px, rgba(255,255,255,0.4) 1.8px 3.2px, transparent 3.8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; }
.us-pfdewdrop-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfdewdrop-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfdewdrop-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfdewdrop-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfdewdrop-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfglassy { background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0) 52%), linear-gradient(180deg, var(--ol), var(--c)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 10px; box-shadow: inset 0 0 6px rgba(255,255,255,0.7); }
.us-pfglassy-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfglassy-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfglassy-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfglassy-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfglassy-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfmoonbeam { background: linear-gradient(90deg, transparent 36%, rgba(255,255,255,0.28) 50%, transparent 64%), linear-gradient(180deg, var(--b), var(--dk)); color: var(--w); text-shadow: 0 1px 2px var(--dk); border: 1px solid var(--c); border-radius: 8px; }
.us-pfmoonbeam-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfmoonbeam-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfmoonbeam-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfmoonbeam-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfmoonbeam-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfcurrentarrow { background: linear-gradient(135deg, transparent 44%, rgba(255,255,255,0.32) 45% 55%, transparent 56%) 0 0 / 12px 12px, linear-gradient(45deg, transparent 44%, rgba(255,255,255,0.32) 45% 55%, transparent 56%) 0 0 / 12px 12px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, calc(100% - 0.6em) 0, 100% 50%, calc(100% - 0.6em) 100%, 0 100%); border-radius: 0; padding: 1px 1.3em 1px 12px; }
.us-pfcurrentarrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfcurrentarrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfcurrentarrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfcurrentarrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfcurrentarrow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfbubbletrail { background: radial-gradient(circle at 8% 78%, transparent 0 2px, rgba(255,255,255,0.75) 2.4px 3.2px, transparent 3.6px), radial-gradient(circle at 14% 50%, transparent 0 2.6px, rgba(255,255,255,0.75) 3px 4px, transparent 4.4px), radial-gradient(circle at 22% 24%, transparent 0 3.2px, rgba(255,255,255,0.75) 3.6px 4.6px, transparent 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 9px; padding: 1px 12px 1px 26px; }
.us-pfbubbletrail-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfbubbletrail-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfbubbletrail-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfbubbletrail-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfbubbletrail-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfdepthfade { background: linear-gradient(180deg, var(--ol), var(--c) 40%, var(--b) 75%, var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; }
.us-pfdepthfade-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfdepthfade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfdepthfade-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfdepthfade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfdepthfade-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfsparkleswim { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 9px; box-shadow: 0 0 0 1px var(--o); }
.us-pfsparkleswim::before { content: '\2726'; position: absolute; pointer-events: none; left: 5px; top: -6px; font-size: 0.75em; color: var(--ol); text-shadow: 0 0 4px var(--o); }
.us-pfsparkleswim::after { content: '\2727'; position: absolute; pointer-events: none; right: 6px; bottom: -5px; font-size: 0.7em; color: #ffffff; text-shadow: 0 0 4px var(--c); }
.us-pfsparkleswim-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfsparkleswim-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfsparkleswim-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfsparkleswim-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfsparkleswim-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfmosaicfade { background: linear-gradient(rgba(255,255,255,0.35) 1px, transparent 1px) 0 0 / 7px 7px, linear-gradient(90deg, rgba(255,255,255,0.35) 1px, transparent 1px) 0 0 / 7px 7px, linear-gradient(90deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; }
.us-pfmosaicfade-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfmosaicfade-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfmosaicfade-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfmosaicfade-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfmosaicfade-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfzigtile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), linear-gradient(135deg, var(--o) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(225deg, var(--o) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(315deg, var(--o) 25%, transparent 25%) 0 0 / 12px 12px, linear-gradient(45deg, var(--o) 25%, transparent 25%) 0 0 / 12px 12px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 14px; }
.us-pfzigtile-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfzigtile-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfzigtile-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfzigtile-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfzigtile-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfhexpave { background: repeating-linear-gradient(60deg, rgba(0,0,0,0.14) 0 1px, transparent 1px 10px), repeating-linear-gradient(-60deg, rgba(0,0,0,0.14) 0 1px, transparent 1px 10px), repeating-linear-gradient(0deg, rgba(0,0,0,0.14) 0 1px, transparent 1px 10px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; }
.us-pfhexpave-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfhexpave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfhexpave-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfhexpave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfhexpave-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfbrickborder { background: linear-gradient(rgba(0,0,0,0.25) 1px, transparent 1px) 0 0 / 100% 8px, linear-gradient(90deg, rgba(0,0,0,0.25) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, rgba(0,0,0,0.25) 1px, transparent 1px) 8px 8px / 16px 16px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; }
.us-pfbrickborder-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfbrickborder-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfbrickborder-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfbrickborder-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfbrickborder-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfcolumns { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--w) 0 5px, var(--ol) 5px 9px, rgba(0,0,0,0.12) 9px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--o); border-bottom: 3px solid var(--o); border-radius: 0; }
.us-pfcolumns-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfcolumns-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfcolumns-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfcolumns-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfcolumns-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfarchway { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px / 70% 70% 4px 4px; padding: 5px 18px 1px; }
.us-pfarchway-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfarchway-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfarchway-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfarchway-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfarchway-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfbalcony { background: repeating-linear-gradient(90deg, var(--w) 0 3px, transparent 3px 8px) 0 100% / 100% 40% no-repeat, linear-gradient(180deg, var(--o) 0 4px, transparent 4px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 6px 12px 7px; }
.us-pfbalcony-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfbalcony-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfbalcony-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfbalcony-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfbalcony-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfcabanastripe { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--o) 0 10px, var(--w) 10px 20px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 0 0; border-bottom: 4px dotted var(--o); padding: 1px 14px; }
.us-pfcabanastripe-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfcabanastripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfcabanastripe-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfcabanastripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfcabanastripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfpergola { background: repeating-linear-gradient(90deg, var(--o) 0 8px, transparent 8px 14px) 0 0 / 100% 6px no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 8px 12px 1px; }
.us-pfpergola-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfpergola-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfpergola-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfpergola-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfpergola-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfstairrail { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--c) 30%, #ffffff) 45%, var(--c) 55%, #ffffff); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--b); border-left: 5px solid var(--c); border-right: 5px solid var(--c); border-radius: 999px / 60%; padding: 0 14px; }
.us-pfstairrail-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfstairrail-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfstairrail-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfstairrail-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfstairrail-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfdrain { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--b) 0 3px, var(--c) 3px 7px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--dk); border-radius: 4px; padding: 1px 14px; }
.us-pfdrain-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfdrain-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfdrain-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfdrain-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfdrain-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfskimmer { background: radial-gradient(circle at 50% 130%, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 999px 999px 6px 6px; padding: 3px 16px 1px; }
.us-pfskimmer-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfskimmer-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfskimmer-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfskimmer-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfskimmer-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pflightbulb { background: radial-gradient(circle at 50% 50%, #ffffff 0 18%, var(--ol) 42%, var(--c) 72%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: 0 0 12px var(--c), 0 0 0 1px var(--b); padding: 1px 16px; }
.us-pflightbulb-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pflightbulb-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pflightbulb-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pflightbulb-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pflightbulb-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfwallart { background: radial-gradient(ellipse 42% 62% at 20% 100%, var(--c) 0 90%, transparent 92%), radial-gradient(ellipse 42% 62% at 72% 100%, var(--o) 0 90%, transparent 92%), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; }
.us-pfwallart-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfwallart-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfwallart-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfwallart-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfwallart-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfterrazzo { background: radial-gradient(circle at 10% 30%, var(--o) 0 1.6px, transparent 2.2px), radial-gradient(circle at 30% 75%, var(--c) 0 1.8px, transparent 2.4px), radial-gradient(circle at 52% 25%, var(--b) 0 1.4px, transparent 2px), radial-gradient(circle at 70% 70%, var(--o) 0 2px, transparent 2.6px), radial-gradient(circle at 90% 30%, var(--c) 0 1.6px, transparent 2.2px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 6px; }
.us-pfterrazzo-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfterrazzo-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfterrazzo-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfterrazzo-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfterrazzo-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfgateway { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--dk) 0 2px, transparent 2px 7px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--dk); border-bottom: 3px solid var(--dk); border-radius: 0; }
.us-pfgateway-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfgateway-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfgateway-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfgateway-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfgateway-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pffountain { background: repeating-radial-gradient(ellipse at 50% 150%, transparent 0 7px, rgba(255,255,255,0.5) 7px 8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 8px 8px; padding: 3px 16px 1px; }
.us-pffountain-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pffountain-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pffountain-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pffountain-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pffountain-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfflippers { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 24%, 10% 0, 90% 0, 100% 24%, 100% 100%, 0 100%); border-radius: 0; padding: 4px 14px 1px; }
.us-pfflippers-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfflippers-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfflippers-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfflippers-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfflippers-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfsnorkelset { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 6px solid var(--o); border-radius: 4px 999px 999px 4px; padding: 1px 16px 1px 12px; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15); }
.us-pfsnorkelset-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfsnorkelset-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfsnorkelset-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfsnorkelset-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfsnorkelset-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfswimcap { background: radial-gradient(ellipse at 30% 25%, rgba(255,255,255,0.55), transparent 55%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 6px 6px / 100% 100% 6px 6px; border-bottom: 3px solid var(--dk); padding: 3px 16px 1px; }
.us-pfswimcap-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfswimcap-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfswimcap-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfswimcap-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfswimcap-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfgoggles { background: linear-gradient(180deg, rgba(255,255,255,0.55), transparent 50%), color-mix(in srgb, var(--c) 55%, transparent); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 4px solid var(--dk); border-radius: 999px; padding: 0 14px; box-shadow: inset 0 0 6px rgba(255,255,255,0.8); }
.us-pfgoggles-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfgoggles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfgoggles-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfgoggles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfgoggles-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfkickboard { background: radial-gradient(ellipse 8px 4px at calc(100% - 14px) 50%, rgba(0,0,0,0.35) 0 90%, transparent), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 12px 3px 3px; padding: 1px 28px 1px 12px; }
.us-pfkickboard-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfkickboard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfkickboard-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfkickboard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfkickboard-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfpullbuoy { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 999px; box-shadow: 0 0 0 1px var(--o), inset 0 -3px 0 rgba(0,0,0,0.12); padding: 0 16px; }
.us-pfpullbuoy-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfpullbuoy-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfpullbuoy-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfpullbuoy-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfpullbuoy-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfwhistle { background: radial-gradient(circle at 12px 50%, var(--dk) 0 2px, transparent 2.6px), linear-gradient(180deg, #ffffff, var(--ol), var(--c)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--b); border-radius: 999px 6px 6px 999px; padding: 1px 12px 1px 24px; }
.us-pfwhistle-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfwhistle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfwhistle-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfwhistle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfwhistle-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfrescuetube { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--o) 0 14px, var(--w) 14px 18px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 16px; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15); }
.us-pfrescuetube-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfrescuetube-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfrescuetube-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfrescuetube-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfrescuetube-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfpoolnet { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 4px 4px 14px 14px; box-shadow: 0 0 0 1px var(--b); }
.us-pfpoolnet-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfpoolnet-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfpoolnet-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfpoolnet-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfpoolnet-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfhose { background: repeating-linear-gradient(80deg, rgba(0,0,0,0.18) 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.35); }
.us-pfhose-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfhose-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfhose-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfhose-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfhose-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfchlorine { background: radial-gradient(circle, var(--w) 0 55%, var(--ol) 56% 60%, var(--w) 61%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 999px; padding: 0 14px; }
.us-pfchlorine-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfchlorine-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfchlorine-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfchlorine-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfchlorine-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pftestkit { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), linear-gradient(90deg, var(--o) 0 22%, var(--ol) 22% 44%, var(--c) 44% 66%, var(--b) 66%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--dk); border-radius: 3px; }
.us-pftestkit-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pftestkit-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pftestkit-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pftestkit-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pftestkit-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfthermo { background: linear-gradient(90deg, var(--o) 0 72%, var(--w) 72%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--dk); border-radius: 999px; padding: 0 14px; }
.us-pfthermo-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfthermo-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfthermo-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfthermo-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfthermo-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pftimer { background: var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--dk); border-radius: 999px; box-shadow: inset 0 0 0 2px var(--c); font-family: ui-monospace, Menlo, monospace; padding: 0 14px; }
.us-pftimer-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pftimer-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pftimer-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pftimer-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pftimer-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pflemonade { background: radial-gradient(circle at 13px 50%, transparent 0 4px, var(--w) 4.6px 6px, var(--ol) 6.6px 8px, transparent 8.6px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 12px 1px 28px; border: 1px solid var(--ol); }
.us-pflemonade-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pflemonade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pflemonade-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pflemonade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pflemonade-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfpunch { background: radial-gradient(circle at 18% 70%, var(--ol) 0 2px, transparent 2.6px), radial-gradient(circle at 60% 30%, var(--ol) 0 2.2px, transparent 2.8px), radial-gradient(circle at 86% 74%, var(--ol) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--ol), var(--o) 60%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; }
.us-pfpunch-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfpunch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfpunch-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfpunch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfpunch-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpopsicle { background: linear-gradient(180deg, rgba(255,255,255,0.45), transparent 50%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-right: 12px solid var(--ol); border-radius: 12px 999px 999px 12px; padding: 1px 12px 1px 14px; }
.us-pfpopsicle-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfpopsicle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpopsicle-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfpopsicle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpopsicle-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pficecream { background: linear-gradient(180deg, var(--w) 0 50%, transparent 50%), repeating-linear-gradient(45deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 5px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px; padding: 1px 14px; }
.us-pficecream-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pficecream-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pficecream-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pficecream-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pficecream-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfwatermelon { background: radial-gradient(circle at 20% 40%, var(--dk) 0 1.2px, transparent 1.8px), radial-gradient(circle at 55% 30%, var(--dk) 0 1.2px, transparent 1.8px), radial-gradient(circle at 82% 45%, var(--dk) 0 1.2px, transparent 1.8px), linear-gradient(180deg, var(--o) 0 68%, var(--w) 68% 80%, var(--c) 80%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 999px 999px / 4px 4px 70% 70%; padding: 1px 14px 3px; }
.us-pfwatermelon-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfwatermelon-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfwatermelon-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfwatermelon-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfwatermelon-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfcoconut { background: radial-gradient(circle at 50% 0, var(--w) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 55%, #000000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 40% 40% / 6px 6px 100% 100%; padding: 3px 14px 3px; }
.us-pfcoconut-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfcoconut-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfcoconut-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfcoconut-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfcoconut-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfsmoothie { background: linear-gradient(180deg, var(--w) 0 25%, var(--ol) 25% 50%, var(--o) 50% 75%, var(--c) 75%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; border: 1px solid var(--ol); }
.us-pfsmoothie-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfsmoothie-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfsmoothie-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfsmoothie-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfsmoothie-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfchips { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.15) 0 2px, transparent 2px 4px) 0 0 / 100% 5px no-repeat, repeating-linear-gradient(90deg, rgba(0,0,0,0.15) 0 2px, transparent 2px 4px) 0 100% / 100% 5px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 6px 12px; }
.us-pfchips-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfchips-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfchips-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfchips-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfchips-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfseasonpass { background: linear-gradient(180deg, transparent 0 56%, var(--o) 56% 70%, transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 1px solid var(--dk); border-radius: 6px; }
.us-pfseasonpass-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfseasonpass-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfseasonpass-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfseasonpass-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfseasonpass-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfwristtag { background: repeating-linear-gradient(90deg, transparent 0 14px, rgba(0,0,0,0.12) 14px 15px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 2px solid var(--c); border-bottom: 2px solid var(--c); border-radius: 3px; }
.us-pfwristtag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfwristtag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfwristtag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfwristtag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfwristtag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pflessoncard { background: repeating-linear-gradient(180deg, transparent 0 1.25em, rgba(30,120,200,0.3) 1.25em calc(1.25em + 1px)), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--o); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.us-pflessoncard-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pflessoncard-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pflessoncard-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pflessoncard-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pflessoncard-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pflockerkey { background: radial-gradient(circle at 12px 50%, var(--w) 0 4px, var(--dk) 4.4px 5.4px, transparent 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px 999px 999px 8px; padding: 1px 14px 1px 28px; }
.us-pflockerkey-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pflockerkey-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pflockerkey-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pflockerkey-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pflockerkey-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfcheckin { background: linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 3px dotted var(--dk); border-radius: 4px; padding: 1px 12px 1px 14px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); }
.us-pfcheckin-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfcheckin-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfcheckin-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfcheckin-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfcheckin-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfnametag { background: var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-top: 8px solid var(--o); border-radius: 4px; padding: 0 12px; }
.us-pfnametag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfnametag-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfnametag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfnametag-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfnametag-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfmembercard { background: linear-gradient(135deg, rgba(255,255,255,0.35) 0 30%, transparent 31%), linear-gradient(120deg, var(--b), var(--c)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; box-shadow: 0 2px 6px rgba(0,40,90,0.3); }
.us-pfmembercard-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfmembercard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfmembercard-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfmembercard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfmembercard-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfstamp { background: radial-gradient(circle, rgba(0,0,0,0) 40%, color-mix(in srgb, var(--b) 12%, transparent)); color: var(--b); text-shadow: none; border: 2px solid var(--b); border-radius: 40% / 70%; transform: rotate(2deg); display: inline-block; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.9em; font-weight: 900; padding: 1px 12px; }
.us-pfstamp-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfstamp-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfstamp-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfstamp-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfstamp-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfretrosun { background: radial-gradient(circle at 14% 100%, var(--o) 0 17px, transparent 18px), linear-gradient(180deg, var(--c), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 12px 1px 36px; }
.us-pfretrosun-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfretrosun-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfretrosun-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfretrosun-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfretrosun-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpostcard { background: var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 5px solid transparent; border-image: repeating-linear-gradient(45deg, var(--o) 0 8px, var(--w) 8px 16px, var(--c) 16px 24px, var(--w) 24px 32px) 5; border-radius: 0; padding: 0 10px; }
.us-pfpostcard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfpostcard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpostcard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfpostcard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpostcard-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfdinerstripe { background: repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px) 0 0 / 100% 5px no-repeat, repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px) 0 100% / 100% 5px no-repeat, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 7px 12px; }
.us-pfdinerstripe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfdinerstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfdinerstripe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfdinerstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfdinerstripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfatomic { background: radial-gradient(circle at 92% 30%, var(--o) 0 1.6px, transparent 2.2px), radial-gradient(circle at 80% 76%, var(--c) 0 1.4px, transparent 2px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 8px; padding: 1px 12px 1px 24px; }
.us-pfatomic::before { content: '\2736'; position: absolute; pointer-events: none; left: 7px; top: 50%; transform: translateY(-50%); font-size: 0.95em; color: var(--o); }
.us-pfatomic-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfatomic-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfatomic-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfatomic-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfatomic-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpalmprint { background: repeating-linear-gradient(115deg, transparent 0 9px, color-mix(in srgb, var(--c) 45%, transparent) 9px 11px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; border: 1px solid var(--ol); }
.us-pfpalmprint-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfpalmprint-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpalmprint-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfpalmprint-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpalmprint-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfsunsetband { background: linear-gradient(180deg, var(--o) 0 25%, var(--ol) 25% 50%, var(--c) 50% 75%, var(--b) 75%); color: #ffffff; text-shadow: 0 1px 3px var(--dk), 0 0 3px var(--dk); border-radius: 6px; }
.us-pfsunsetband-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfsunsetband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfsunsetband-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfsunsetband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfsunsetband-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfmotelsign { background: var(--dk); color: var(--ol); text-shadow: 0 0 5px var(--c), 0 0 12px var(--c); border: 3px double var(--o); border-radius: 8px; letter-spacing: 0.06em; padding: 1px 14px; }
.us-pfmotelsign-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfmotelsign-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfmotelsign-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfmotelsign-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfmotelsign-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpennant { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, calc(100% - 1.8em) 0, 100% 50%, calc(100% - 1.8em) 100%, 0 100%); border-radius: 0; padding: 1px 2.4em 1px 12px; }
.us-pfpennant-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfpennant-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpennant-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfpennant-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpennant-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfbadge { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px dotted var(--w); outline: 2px solid var(--o); border-radius: 999px; padding: 0 16px; }
.us-pfbadge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfbadge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfbadge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfbadge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfbadge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfpatch { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px dashed var(--w); outline: 3px solid var(--b); outline-offset: -1px; border-radius: 6px; margin: 0 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.25); }
.us-pfpatch-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfpatch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfpatch-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfpatch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfpatch-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pflongshadow { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); text-shadow: 1px 1px 0 var(--b), 2px 2px 0 var(--b), 3px 3px 0 var(--b), 4px 4px 0 var(--b), 5px 5px 0 color-mix(in srgb, var(--b) 80%, transparent), 6px 6px 0 color-mix(in srgb, var(--b) 55%, transparent); border-radius: 8px; }
.us-pflongshadow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pflongshadow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pflongshadow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pflongshadow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pflongshadow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfstacktext { background: none; color: var(--b); font-weight: 900; letter-spacing: 0.04em; text-shadow: 0 -2px 0 var(--c), 0 -4px 0 var(--ol), 0 2px 0 var(--o); }
.us-pfstacktext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfstacktext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfstacktext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfstacktext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfstacktext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfgloweredge { background: var(--dk); color: #ffffff; -webkit-text-stroke: 0.6px var(--c); text-shadow: 0 0 4px var(--c), 0 0 10px var(--c); border-radius: 8px; font-weight: 900; padding: 1px 12px; }
.us-pfgloweredge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfgloweredge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfgloweredge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfgloweredge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfgloweredge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfsplashtext { background: radial-gradient(circle at 20% 100%, var(--c) 0 2px, transparent 2.6px), radial-gradient(circle at 55% 104%, var(--c) 0 1.6px, transparent 2.2px), radial-gradient(circle at 86% 100%, var(--c) 0 2.2px, transparent 2.8px); color: var(--b); font-weight: 900; padding: 1px 6px 5px; border-radius: 0; }
.us-pfsplashtext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfsplashtext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfsplashtext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfsplashtext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfsplashtext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfwettext { background: linear-gradient(180deg, rgba(255,255,255,0), color-mix(in srgb, var(--c) 25%, transparent)); color: var(--b); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 0 3px 4px rgba(0,60,140,0.35); border-radius: 6px; }
.us-pfwettext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfwettext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfwettext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfwettext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfwettext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfdashoutline { background: none; color: var(--b); font-weight: 900; border: 2px dashed var(--b); border-radius: 6px; padding: 0 10px; }
.us-pfdashoutline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfdashoutline-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfdashoutline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfdashoutline-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfdashoutline-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfinline { background: none; color: var(--w); -webkit-text-stroke: 3px var(--b); paint-order: stroke fill; text-shadow: 0 0 1px var(--b); font-weight: 900; letter-spacing: 0.03em; }
.us-pfinline-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfinline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfinline-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfinline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfinline-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfglasstext { background: linear-gradient(180deg, var(--c), var(--b)); color: rgba(255,255,255,0.88); text-shadow: 0 1px 0 rgba(255,255,255,0.55), 0 -1px 0 var(--dk); border-radius: 8px; font-weight: 900; letter-spacing: 0.03em; }
.us-pfglasstext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfglasstext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfglasstext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfglasstext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfglasstext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfcutpaper { background: var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; box-shadow: 3px 3px 0 var(--c), 6px 6px 0 var(--b); border-radius: 3px; margin-right: 8px; }
.us-pfcutpaper-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfcutpaper-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfcutpaper-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfcutpaper-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfcutpaper-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfdoublewave { background: radial-gradient(circle at 4px calc(100% - 1px), var(--o) 0 1.4px, transparent 2px) 0 0 / 8px 100% repeat-x; color: var(--b); font-weight: 800; text-decoration: underline wavy var(--c); text-decoration-thickness: 2px; text-underline-offset: 0.2em; padding-bottom: 3px; border-radius: 0; }
.us-pfdoublewave-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfdoublewave-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfdoublewave-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfdoublewave-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfdoublewave-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfpillswitch { background: radial-gradient(circle at calc(100% - 11px) 50%, #ffffff 0 7px, transparent 7.6px), linear-gradient(90deg, var(--b), var(--c)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); padding: 1px 28px 1px 14px; }
.us-pfpillswitch-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfpillswitch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfpillswitch-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfpillswitch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfpillswitch-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfcornerdot { background: radial-gradient(circle at 5px 5px, var(--o) 0 1.8px, transparent 2.4px), radial-gradient(circle at calc(100% - 5px) 5px, var(--o) 0 1.8px, transparent 2.4px), radial-gradient(circle at 5px calc(100% - 5px), var(--o) 0 1.8px, transparent 2.4px), radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), var(--o) 0 1.8px, transparent 2.4px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 8px; padding: 1px 14px; }
.us-pfcornerdot-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfcornerdot-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfcornerdot-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfcornerdot-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfcornerdot-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpoolcard { background: var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 6px solid var(--c); border-radius: 4px; box-shadow: 0 2px 6px rgba(0,60,140,0.25); }
.us-pfpoolcard-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfpoolcard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfpoolcard-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfpoolcard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfpoolcard-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfticker { background: var(--dk); color: var(--ol); font-family: ui-monospace, Menlo, monospace; letter-spacing: 0.1em; border-top: 2px dashed var(--c); border-bottom: 2px dashed var(--c); border-radius: 0; text-shadow: none; padding: 1px 12px; }
.us-pfticker-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfticker-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfticker-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfticker-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfticker-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfdivewave { background: radial-gradient(circle at 5px 0, transparent 0 3px, var(--c) 3.4px 4.4px, transparent 5px) 0 0 / 10px 5px repeat-x, radial-gradient(circle at 5px 100%, transparent 0 3px, var(--c) 3.4px 4.4px, transparent 5px) 0 100% / 10px 5px repeat-x; color: var(--b); font-weight: 800; border-radius: 0; padding: 6px 12px; }
.us-pfdivewave-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfdivewave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pfdivewave-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfdivewave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pfdivewave-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfsplitgrad { background: linear-gradient(90deg, var(--o) 50%, var(--c) 50%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pfsplitgrad-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pfsplitgrad-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pfsplitgrad-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pfsplitgrad-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pfsplitgrad-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfhalo { background: var(--w); color: var(--b); font-weight: 900; border: 2px solid var(--c); border-radius: 999px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 30%, transparent), 0 0 12px var(--c); text-shadow: none; padding: 0 14px; }
.us-pfhalo-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pfhalo-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pfhalo-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pfhalo-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pfhalo-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvlane { background: linear-gradient(180deg, transparent 0 28%, rgba(255,255,255,0.55) 28% 32%, transparent 32% 66%, rgba(255,255,255,0.55) 66% 70%, transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; }
.us-pvlane-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvlane-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvlane-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvlane-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvlane-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvdive { background: radial-gradient(ellipse 16px 8px at 50% 0, var(--w) 0 70%, transparent 76%), radial-gradient(circle at 18% 70%, rgba(255,255,255,0.7) 0 1.6px, transparent 2.4px), radial-gradient(circle at 82% 66%, rgba(255,255,255,0.7) 0 1.6px, transparent 2.4px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 9px; padding: 6px 12px 1px; }
.us-pvdive-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvdive-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvdive-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvdive-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvdive-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsurge { background: radial-gradient(ellipse 60% 120% at 0 100%, color-mix(in srgb, var(--c) 60%, #ffffff) 0 40%, transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 16px 4px 16px; }
.us-pvsurge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvsurge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsurge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvsurge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvsurge-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvbrine { background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,0.45), transparent 60%), radial-gradient(ellipse at 80% 40%, rgba(255,255,255,0.3), transparent 60%), linear-gradient(90deg, var(--b), var(--c)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; }
.us-pvbrine-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvbrine-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbrine-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvbrine-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvbrine-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvriptide { background: repeating-linear-gradient(115deg, transparent 0 8px, rgba(255,255,255,0.3) 8px 10px), repeating-linear-gradient(65deg, transparent 0 14px, rgba(0,0,0,0.12) 14px 16px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 7px; }
.us-pvriptide-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvriptide-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvriptide-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvriptide-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvriptide-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvspray { background: repeating-conic-gradient(from -30deg at 50% 140%, rgba(255,255,255,0.4) 0 4deg, transparent 4deg 12deg), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 6px 6px; padding: 3px 16px 1px; }
.us-pvspray-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvspray-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvspray-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvspray-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvspray-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvflow { background: linear-gradient(180deg, var(--c) 0 33%, color-mix(in srgb, var(--c) 60%, var(--b)) 33% 66%, var(--b) 66%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); }
.us-pvflow-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvflow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvflow-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvflow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvflow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvglint { background: linear-gradient(90deg, transparent calc(100% - 22px), rgba(255,255,255,0.95) calc(100% - 12px), transparent calc(100% - 3px)) 0 6px / 100% 1px no-repeat, linear-gradient(180deg, transparent 0, rgba(255,255,255,0.95) 8px, transparent 16px) calc(100% - 12px) 0 / 1px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; }
.us-pvglint-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvglint-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvglint-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvglint-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvglint-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvtrickle { background: linear-gradient(180deg, transparent 0 55%, rgba(255,255,255,0.5) 55% 100%) 18% 0 / 2px 100% no-repeat, linear-gradient(180deg, transparent 0 40%, rgba(255,255,255,0.5) 40% 100%) 52% 0 / 2px 100% no-repeat, linear-gradient(180deg, transparent 0 62%, rgba(255,255,255,0.5) 62% 100%) 84% 0 / 2px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 12px 12px; }
.us-pvtrickle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvtrickle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvtrickle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvtrickle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvtrickle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvpuddle { background: radial-gradient(ellipse 30% 40% at 28% 30%, rgba(255,255,255,0.85), transparent), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 50% / 70%; padding: 1px 16px; }
.us-pvpuddle-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvpuddle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvpuddle-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvpuddle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvpuddle-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvdew { background: radial-gradient(circle at 14% 36%, #ffffff 0 1.6px, rgba(255,255,255,0.5) 2.4px 4px, transparent 4.6px), radial-gradient(circle at 46% 70%, #ffffff 0 1.4px, rgba(255,255,255,0.5) 2.2px 3.6px, transparent 4.2px), radial-gradient(circle at 80% 34%, #ffffff 0 1.6px, rgba(255,255,255,0.5) 2.4px 4px, transparent 4.6px), linear-gradient(180deg, var(--ol), var(--c)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 9px; }
.us-pvdew-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvdew-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvdew-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvdew-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvdew-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvwaterline { background: linear-gradient(180deg, var(--w) 0 45%, var(--c) 45% 55%, var(--b) 55%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 2px var(--dk); border-radius: 4px; border: 1px solid var(--b); }
.us-pvwaterline-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvwaterline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvwaterline-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvwaterline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvwaterline-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbubbly { background: radial-gradient(circle at 10% 70%, transparent 0 2px, rgba(255,255,255,0.8) 2.4px 3.2px, transparent 3.6px), radial-gradient(circle at 28% 30%, transparent 0 2.6px, rgba(255,255,255,0.8) 3px 4px, transparent 4.4px), radial-gradient(circle at 70% 72%, transparent 0 2.2px, rgba(255,255,255,0.8) 2.6px 3.6px, transparent 4px), radial-gradient(circle at 92% 30%, transparent 0 3px, rgba(255,255,255,0.8) 3.4px 4.4px, transparent 4.8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; }
.us-pvbubbly-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbubbly-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbubbly-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbubbly-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvbubbly-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvkelp { background: repeating-linear-gradient(100deg, transparent 0 9px, color-mix(in srgb, var(--c) 45%, transparent) 9px 12px, transparent 12px 18px), linear-gradient(180deg, var(--ol), var(--c)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; }
.us-pvkelp-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvkelp-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvkelp-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvkelp-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvkelp-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvtidal { background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0) 55%), repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,0.14) 4px 5px), linear-gradient(180deg, color-mix(in srgb, var(--c) 70%, transparent), color-mix(in srgb, var(--b) 85%, transparent)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 1px solid rgba(255,255,255,0.8); border-radius: 10px; }
.us-pvtidal-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvtidal-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvtidal-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvtidal-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvtidal-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvvortex { background: repeating-radial-gradient(circle at 14px 50%, transparent 0 3px, rgba(255,255,255,0.5) 3px 4px) 0 0 / 30px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-pvvortex-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvvortex-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvvortex-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvvortex-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvvortex-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvtilemix { background: linear-gradient(90deg, var(--c) 0 25%, var(--ol) 25% 50%, var(--b) 50% 75%, var(--o) 75%), linear-gradient(rgba(255,255,255,0.35) 1px, transparent 1px) 0 0 / 100% 7px; background-blend-mode: normal; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; }
.us-pvtilemix-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvtilemix-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvtilemix-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvtilemix-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvtilemix-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvharlequin { background: linear-gradient(45deg, rgba(0,0,0,0.12) 25%, transparent 25% 75%, rgba(0,0,0,0.12) 75%) 0 0 / 14px 14px, linear-gradient(45deg, rgba(0,0,0,0.12) 25%, transparent 25% 75%, rgba(0,0,0,0.12) 75%) 7px 7px / 14px 14px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; }
.us-pvharlequin-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvharlequin-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvharlequin-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvharlequin-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvharlequin-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvstripetile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--c) 0 6px, var(--w) 6px 12px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--b); border-radius: 2px; }
.us-pvstripetile-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvstripetile-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvstripetile-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvstripetile-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvstripetile-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvcheckerlane { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), conic-gradient(var(--dk) 25%, var(--w) 0 50%, var(--dk) 0 75%, var(--w) 0) 0 0 / 10px 10px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--dk); border-radius: 0; padding: 1px 12px; }
.us-pvcheckerlane-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvcheckerlane-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvcheckerlane-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvcheckerlane-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvcheckerlane-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvbalustrade { background: repeating-linear-gradient(90deg, var(--w) 0 4px, var(--ol) 4px 6px, transparent 6px 9px) 0 100% / 100% 55% no-repeat, linear-gradient(180deg, var(--w) 0 4px, transparent 4px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 6px 12px 7px; }
.us-pvbalustrade-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbalustrade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvbalustrade-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbalustrade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvbalustrade-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvawning { background: radial-gradient(circle at 8px 100%, var(--o) 0 5px, transparent 5.6px) 0 100% / 16px 8px repeat-x, repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px) 0 0 / 100% calc(100% - 6px) no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 0 0; padding: 1px 12px 9px; }
.us-pvawning-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvawning-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvawning-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvawning-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvawning-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvshutters { background: repeating-linear-gradient(180deg, var(--c) 0 3px, color-mix(in srgb, var(--b) 80%, #000000) 3px 4px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--b); border-radius: 3px; }
.us-pvshutters-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvshutters-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvshutters-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvshutters-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvshutters-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvlattice { background: repeating-linear-gradient(45deg, var(--w) 0 2px, transparent 2px 8px), repeating-linear-gradient(-45deg, var(--w) 0 2px, transparent 2px 8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 3px; box-shadow: 0 0 0 1px var(--b); }
.us-pvlattice-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvlattice-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvlattice-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvlattice-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvlattice-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbeam { background: var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 4px solid var(--o); border-radius: 0; box-shadow: inset 0 0 0 2px var(--ol); padding: 0 12px; }
.us-pvbeam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbeam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbeam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbeam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvbeam-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvstep { background: linear-gradient(180deg, var(--w) 0 20%, var(--ol) 20% 26%, var(--c) 26%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-bottom: 4px solid var(--b); border-radius: 2px; }
.us-pvstep-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvstep-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvstep-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvstep-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvstep-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvgutter { background: linear-gradient(180deg, transparent 0 72%, var(--dk) 72% 82%, var(--c) 82% 100%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 0; padding: 1px 12px 7px; }
.us-pvgutter-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvgutter-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvgutter-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvgutter-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvgutter-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvplank { background: linear-gradient(90deg, rgba(0,0,0,0.22) 1px, transparent 1px) 0 0 / 26px 100%, repeating-linear-gradient(0deg, rgba(0,0,0,0.08) 0 2px, transparent 2px 5px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px; }
.us-pvplank-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvplank-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvplank-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvplank-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvplank-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvgravel { background: radial-gradient(circle, rgba(0,0,0,0.25) 0 0.9px, transparent 1.3px) 0 0 / 5px 5px, radial-gradient(circle, rgba(255,255,255,0.35) 0 0.9px, transparent 1.3px) 2px 3px / 6px 6px, var(--o); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; }
.us-pvgravel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvgravel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvgravel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvgravel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvgravel-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvmarble { background: linear-gradient(115deg, transparent 30%, rgba(0,0,0,0.1) 31% 32%, transparent 33% 58%, rgba(0,0,0,0.08) 59% 60%, transparent 61%), linear-gradient(180deg, #ffffff, var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 4px; }
.us-pvmarble-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvmarble-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvmarble-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvmarble-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvmarble-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvgrout { background: linear-gradient(var(--w) 2px, transparent 2px) 0 0 / 100% 12px, linear-gradient(90deg, var(--w) 2px, transparent 2px) 0 0 / 18px 100%, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; }
.us-pvgrout-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvgrout-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvgrout-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvgrout-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvgrout-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvarchrow { background: radial-gradient(ellipse 9px 12px at 9px 100%, transparent 0 78%, var(--ol) 82%) 0 0 / 18px 100%, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 12px; }
.us-pvarchrow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvarchrow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvarchrow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvarchrow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvarchrow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvpillar { background: linear-gradient(180deg, var(--w) 0 22%, var(--ol) 22% 30%, transparent 30% 78%, var(--ol) 78% 86%, var(--w) 86%), repeating-linear-gradient(90deg, var(--w) 0 4px, var(--ol) 4px 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; }
.us-pvpillar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvpillar-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvpillar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvpillar-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvpillar-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvmaskstrap { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 8px solid var(--dk); border-right: 8px solid var(--dk); border-radius: 12px; box-shadow: inset 0 3px 5px rgba(255,255,255,0.4); }
.us-pvmaskstrap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvmaskstrap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvmaskstrap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvmaskstrap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvmaskstrap-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvfinset { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%, 12% 50%); border-radius: 0; padding: 1px 1.4em; }
.us-pvfinset-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvfinset-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvfinset-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvfinset-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvfinset-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvfloatvest { background: linear-gradient(90deg, transparent 0 14%, var(--w) 14% 17%, transparent 17% 83%, var(--w) 83% 86%, transparent 86%), linear-gradient(180deg, var(--ol), var(--o) 60%, color-mix(in srgb, var(--o) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 12px 4px 4px; padding: 1px 22px; }
.us-pvfloatvest-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvfloatvest-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvfloatvest-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvfloatvest-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvfloatvest-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvtubeinfl { background: linear-gradient(180deg, rgba(255,255,255,0.6) 0 30%, transparent 31%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 -4px 6px rgba(0,0,0,0.2), 0 0 0 1px var(--o); padding: 2px 18px; }
.us-pvtubeinfl-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvtubeinfl-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvtubeinfl-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvtubeinfl-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvtubeinfl-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvboardrail { background: linear-gradient(180deg, var(--w) 0 30%, var(--c) 30% 70%, var(--b) 70%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px / 50%; border: 1px solid var(--b); }
.us-pvboardrail-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvboardrail-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvboardrail-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvboardrail-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvboardrail-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvbuoyline { background: radial-gradient(circle at 8px 50%, var(--o) 0 4px, transparent 4.6px), radial-gradient(circle at calc(100% - 8px) 50%, var(--o) 0 4px, transparent 4.6px), linear-gradient(180deg, transparent 0 46%, var(--dk) 46% 54%, transparent 54%), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 22px; }
.us-pvbuoyline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbuoyline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvbuoyline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbuoyline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvbuoyline-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvanchor { background: radial-gradient(circle at 10px 50%, transparent 0 3px, var(--dk) 3.4px 4.6px, transparent 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 14px 14px 4px; padding: 1px 14px 1px 26px; }
.us-pvanchor-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvanchor-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvanchor-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvanchor-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvanchor-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvoar { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 999px 999px 3px / 3px 80% 80% 3px; border-left: 14px solid var(--dk); padding: 1px 18px 1px 8px; }
.us-pvoar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvoar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvoar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvoar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvoar-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvsup { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.12) 0 2px, transparent 2px 6px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 999px / 70%; padding: 1px 16px; }
.us-pvsup-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvsup-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsup-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvsup-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvsup-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvsail { background: linear-gradient(180deg, #ffffff, var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%); border-bottom: 3px solid var(--c); border-radius: 0; padding: 1px 22px 1px 12px; }
.us-pvsail-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvsail-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvsail-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvsail-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvsail-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvlifering { background: conic-gradient(var(--o) 0 12.5%, var(--w) 0 25%, var(--o) 0 37.5%, var(--w) 0 50%, var(--o) 0 62.5%, var(--w) 0 75%, var(--o) 0 87.5%, var(--w) 0) 0 0 / 100% 100%; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: inset 0 0 0 6px rgba(255,255,255,0.9); padding: 2px 18px; }
.us-pvlifering-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvlifering-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvlifering-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvlifering-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvlifering-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvflagbuoy { background: linear-gradient(135deg, var(--o) 0 50%, transparent 50%) 0 0 / 14px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 20px; }
.us-pvflagbuoy-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvflagbuoy-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvflagbuoy-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvflagbuoy-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvflagbuoy-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvdrybag { background: linear-gradient(180deg, var(--dk) 0 6px, transparent 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; padding: 7px 12px 1px; }
.us-pvdrybag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvdrybag-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvdrybag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvdrybag-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvdrybag-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvcoolbox { background: linear-gradient(180deg, var(--w) 0 24%, var(--c) 24%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 4px; box-shadow: inset 0 -3px 0 var(--b); }
.us-pvcoolbox-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvcoolbox-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvcoolbox-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvcoolbox-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvcoolbox-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvlollyswirl { background: repeating-radial-gradient(circle at 14px 50%, var(--o) 0 3px, var(--w) 3px 6px) 0 0 / 30px 100% no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 30px; border: 1px solid var(--ol); }
.us-pvlollyswirl-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvlollyswirl-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvlollyswirl-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvlollyswirl-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvlollyswirl-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvshavedcone { background: radial-gradient(circle, rgba(255,255,255,0.6) 0 0.9px, transparent 1.3px) 0 0 / 5px 5px, linear-gradient(180deg, var(--c), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 3px 16px 0; }
.us-pvshavedcone-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvshavedcone-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvshavedcone-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvshavedcone-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvshavedcone-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvmango { background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,0.55), transparent 50%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 50% 50% / 4px 4px 100% 100%; padding: 1px 16px 3px; }
.us-pvmango-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvmango-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvmango-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvmango-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvmango-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvlimeade { background: radial-gradient(circle at 12px 50%, transparent 0 4px, var(--w) 4.6px 6px, var(--c) 6.6px 8px, transparent 8.6px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 999px; padding: 1px 12px 1px 28px; }
.us-pvlimeade-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvlimeade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvlimeade-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvlimeade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvlimeade-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvcherrysoda { background: radial-gradient(circle at 16% 70%, rgba(255,255,255,0.7) 0 1.4px, transparent 2.2px), radial-gradient(circle at 60% 34%, rgba(255,255,255,0.7) 0 1.6px, transparent 2.4px), linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 55%, #000000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; }
.us-pvcherrysoda-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvcherrysoda-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvcherrysoda-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvcherrysoda-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvcherrysoda-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvpineslice { background: radial-gradient(circle at 50% 50%, #ffffff 0 22%, transparent 23%), repeating-conic-gradient(from 0deg at 50% 50%, rgba(0,0,0,0.12) 0 10deg, transparent 10deg 20deg), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--o); border-radius: 999px; padding: 0 16px; }
.us-pvpineslice-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvpineslice-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvpineslice-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvpineslice-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvpineslice-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvwaffle { background: repeating-linear-gradient(45deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; }
.us-pvwaffle-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvwaffle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvwaffle-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvwaffle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvwaffle-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvsundae { background: radial-gradient(ellipse 10px 6px at 14% 0, var(--w) 0 80%, transparent 84%), radial-gradient(ellipse 10px 6px at 50% 0, var(--o) 0 80%, transparent 84%), radial-gradient(ellipse 10px 6px at 86% 0, var(--c) 0 80%, transparent 84%), linear-gradient(180deg, #ffffff 0 30%, var(--ol) 30%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 14px 14px; padding: 6px 14px 1px; }
.us-pvsundae-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvsundae-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvsundae-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvsundae-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvsundae-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvwristband { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.16) 0 1px, transparent 1px 5px) 0 100% / 18px 5px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 12px 5px 22px; }
.us-pvwristband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvwristband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvwristband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvwristband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvwristband-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvtokens { background: radial-gradient(circle, transparent 0 55%, rgba(255,255,255,0.5) 56% 60%, transparent 61%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 999px; box-shadow: 0 0 0 1px var(--o); padding: 0 14px; }
.us-pvtokens-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvtokens-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvtokens-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvtokens-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvtokens-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvvoucher { background: radial-gradient(circle at 0 50%, transparent 0 5px, var(--w) 5.5px) left / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 5px, var(--w) 5.5px) right / 51% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px dashed var(--o); border-bottom: 3px dashed var(--o); border-radius: 0; padding: 1px 14px; }
.us-pvvoucher-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvvoucher-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvvoucher-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvvoucher-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvvoucher-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvlogbook { background: linear-gradient(90deg, var(--b) 0 7px, transparent 7px), repeating-linear-gradient(180deg, transparent 0 1.25em, rgba(30,120,200,0.3) 1.25em calc(1.25em + 1px)), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px 4px 4px 2px; box-shadow: 1px 2px 3px rgba(0,0,0,0.25); padding: 1px 12px 1px 16px; }
.us-pvlogbook-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvlogbook-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvlogbook-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvlogbook-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvlogbook-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvbadgepin { background: radial-gradient(circle at 10px 50%, #ffffff 0 3px, transparent 3.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 999px; box-shadow: 0 0 0 1px var(--b); padding: 1px 14px 1px 24px; }
.us-pvbadgepin-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvbadgepin-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvbadgepin-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvbadgepin-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvbadgepin-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvclipboard { background: linear-gradient(180deg, var(--b) 0 6px, transparent 6px), repeating-linear-gradient(180deg, transparent 0 1.2em, rgba(30,120,200,0.25) 1.2em calc(1.2em + 1px)), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 8px 12px 1px; }
.us-pvclipboard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvclipboard-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvclipboard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvclipboard-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvclipboard-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvlabeltape { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(45deg, var(--o) 0 5px, var(--w) 5px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.25); padding: 1px 14px; }
.us-pvlabeltape-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvlabeltape-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvlabeltape-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvlabeltape-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvlabeltape-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsignpost { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 3px 14px 14px 3px; box-shadow: 0 3px 0 var(--dk); padding: 1px 16px 1px 12px; }
.us-pvsignpost-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvsignpost-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsignpost-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvsignpost-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvsignpost-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvsunsetgrid { background: linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px) 0 100% / 100% 6px, linear-gradient(90deg, rgba(255,255,255,0.4) 1px, transparent 1px) 0 0 / 12px 100%, linear-gradient(180deg, var(--b), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; }
.us-pvsunsetgrid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvsunsetgrid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvsunsetgrid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvsunsetgrid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvsunsetgrid-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvpalmstripe { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), repeating-linear-gradient(115deg, var(--c) 0 8px, var(--w) 8px 11px, var(--ol) 11px 19px, var(--w) 19px 22px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 14px; }
.us-pvpalmstripe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvpalmstripe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvpalmstripe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvpalmstripe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvpalmstripe-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvdeco { background: repeating-conic-gradient(from -45deg at 50% 130%, var(--ol) 0 10deg, var(--w) 10deg 20deg), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px; padding: 4px 16px 1px; }
.us-pvdeco-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvdeco-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvdeco-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvdeco-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvdeco-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvpoolparty { background: radial-gradient(circle at 8px 8px, var(--o) 0 3px, transparent 3.6px) 0 0 / 22px 20px, radial-gradient(circle at 19px 18px, var(--c) 0 3px, transparent 3.6px) 0 0 / 22px 20px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 8px; }
.us-pvpoolparty-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvpoolparty-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvpoolparty-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvpoolparty-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvpoolparty-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvbeachtowel { background: linear-gradient(180deg, var(--c) 0 14%, var(--w) 14% 24%, var(--o) 24% 34%, var(--w) 34% 66%, var(--o) 66% 76%, var(--w) 76% 86%, var(--c) 86%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; }
.us-pvbeachtowel-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvbeachtowel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvbeachtowel-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvbeachtowel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvbeachtowel-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsurfboard { background: linear-gradient(180deg, var(--w) 0 36%, var(--o) 36% 44%, var(--w) 44% 56%, var(--c) 56% 64%, var(--w) 64%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 999px / 60%; padding: 1px 16px; }
.us-pvsurfboard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvsurfboard-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvsurfboard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvsurfboard-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvsurfboard-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvtikipattern { background: linear-gradient(45deg, var(--o) 25%, transparent 25%) -5px 0 / 10px 10px, linear-gradient(-45deg, var(--o) 25%, transparent 25%) -5px 0 / 10px 10px, linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; }
.us-pvtikipattern-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvtikipattern-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvtikipattern-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvtikipattern-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvtikipattern-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvpostage { background: radial-gradient(circle at 5px 0, transparent 0 2.4px, var(--w) 2.8px) 0 0 / 10px 100% repeat-x, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 0; border-radius: 0; box-shadow: 0 0 0 3px var(--w), 0 0 0 4px var(--c); margin: 0 6px; padding: 1px 10px; }
.us-pvpostage-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvpostage-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvpostage-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvpostage-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvpostage-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvmatchbook { background: linear-gradient(180deg, var(--o) 0 30%, var(--w) 30%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 2px 2px 6px 6px; padding: 7px 12px 1px; font-weight: 900; }
.us-pvmatchbook-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvmatchbook-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvmatchbook-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvmatchbook-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvmatchbook-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbingo { background: linear-gradient(var(--c) 1px, transparent 1px) 0 0 / 100% 50%, linear-gradient(90deg, var(--c) 1px, transparent 1px) 0 0 / 25% 100%, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 3px; }
.us-pvbingo-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbingo-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbingo-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbingo-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvbingo-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvfloattext { background: none; color: var(--b); font-weight: 900; text-shadow: 0 3px 0 var(--ol), 0 8px 6px rgba(0,60,140,0.25); }
.us-pvfloattext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvfloattext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvfloattext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvfloattext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvfloattext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvripplefill { background: repeating-radial-gradient(circle at 20% 50%, var(--c) 0 3px, var(--b) 3px 6px); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; }
.us-pvripplefill-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvripplefill-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvripplefill-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvripplefill-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvripplefill-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvduotone { background: linear-gradient(90deg, var(--o) 50%, var(--c) 50%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; }
.us-pvduotone-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvduotone-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvduotone-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvduotone-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvduotone-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvlineart { background: none; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--b); font-weight: 900; letter-spacing: 0.05em; text-shadow: 3px 3px 0 var(--ol); }
.us-pvlineart-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvlineart-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvlineart-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvlineart-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvlineart-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvshadowstep { background: none; color: var(--w); -webkit-text-stroke: 1px var(--b); font-weight: 900; text-shadow: 2px 2px 0 var(--c), 4px 4px 0 var(--b), 6px 6px 0 var(--dk); }
.us-pvshadowstep-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvshadowstep-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvshadowstep-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvshadowstep-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvshadowstep-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbeadtext { background: none; color: var(--b); font-weight: 900; text-shadow: 0 0 0 transparent; letter-spacing: 0.12em; border-bottom: 3px dotted var(--o); border-radius: 0; }
.us-pvbeadtext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbeadtext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvbeadtext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbeadtext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvbeadtext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvstamptext { background: none; color: var(--o); border: 2px solid var(--o); border-radius: 3px; box-shadow: inset 0 0 0 2px #ffffff, inset 0 0 0 3px var(--o); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.9em; font-weight: 900; transform: rotate(-2deg); display: inline-block; text-shadow: none; padding: 0 10px; }
.us-pvstamptext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvstamptext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvstamptext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvstamptext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvstamptext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvcutout { background: var(--b); color: var(--w); font-weight: 900; border-radius: 4px; padding: 0 8px; letter-spacing: 0.04em; text-shadow: none; }
.us-pvcutout-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvcutout-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvcutout-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvcutout-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvcutout-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvhaloedge { background: none; color: var(--b); font-weight: 900; text-shadow: 0 0 4px #ffffff, 0 0 8px var(--c), 0 0 14px var(--c); }
.us-pvhaloedge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvhaloedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvhaloedge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvhaloedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvhaloedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvsplashbar { background: radial-gradient(circle at 12% 100%, var(--c) 0 3px, transparent 3.6px), radial-gradient(circle at 36% 106%, var(--c) 0 2.4px, transparent 3px), radial-gradient(circle at 62% 100%, var(--c) 0 3.2px, transparent 3.8px), radial-gradient(circle at 88% 106%, var(--c) 0 2.4px, transparent 3px), linear-gradient(180deg, transparent 0 78%, var(--c) 78%); color: var(--b); font-weight: 900; border-radius: 0; padding: 1px 8px 6px; }
.us-pvsplashbar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvsplashbar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvsplashbar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvsplashbar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvsplashbar-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvdashrule { background: none; color: var(--b); font-weight: 800; border-top: 2px dashed var(--c); border-bottom: 2px dashed var(--o); border-radius: 0; padding: 0 10px; }
.us-pvdashrule-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvdashrule-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvdashrule-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvdashrule-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvdashrule-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvtwocap { background: linear-gradient(90deg, var(--b) 0 28px, var(--w) 28px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--b); border-radius: 999px; padding: 1px 14px 1px 36px; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.92em; }
.us-pvtwocap-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvtwocap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvtwocap-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvtwocap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvtwocap-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvtagline { background: linear-gradient(90deg, var(--o) 0 4px, transparent 4px) 0 0 / 100% 100% no-repeat; color: var(--b); font-weight: 800; border-left: 4px solid var(--o); border-radius: 0; padding: 0 10px; }
.us-pvtagline-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvtagline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvtagline-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvtagline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvtagline-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvflagtext { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, calc(100% - 0.5em) 50%, 100% 100%, 0 100%); border-radius: 0; padding: 1px 1.2em 1px 12px; }
.us-pvflagtext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvflagtext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvflagtext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvflagtext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvflagtext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvribbonrule { background: linear-gradient(180deg, transparent 0 14%, var(--c) 14% 86%, transparent 86%); color: var(--w); font-weight: 900; text-shadow: 0 1px 2px var(--dk); padding: 0 14px; border-radius: 3px; }
.us-pvribbonrule-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvribbonrule-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pvribbonrule-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvribbonrule-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pvribbonrule-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvbracketpool { background: none; color: var(--b); font-weight: 800; border-left: 3px solid var(--c); border-right: 3px solid var(--c); border-radius: 6px; padding: 0 10px; }
.us-pvbracketpool-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pvbracketpool-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pvbracketpool-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pvbracketpool-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pvbracketpool-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvdotlead { background: radial-gradient(circle at 2px 100%, var(--c) 0 1.4px, transparent 2px) 0 100% / 7px 4px repeat-x; color: var(--b); font-weight: 800; border-radius: 0; padding: 0 4px 4px; }
.us-pvdotlead-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pvdotlead-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pvdotlead-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pvdotlead-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pvdotlead-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxvolleyballnetmesh { background: repeating-linear-gradient(0deg, rgba(255,255,255,0.55) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, rgba(255,255,255,0.55) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-top: 5px solid var(--w); border-radius: 2px; padding: 1px 13px; }
.us-pxvolleyballnetmesh-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxvolleyballnetmesh-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxvolleyballnetmesh-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxvolleyballnetmesh-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxvolleyballnetmesh-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwaterpologoal { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border: 4px solid var(--w); border-bottom: 0; border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px var(--b); padding: 1px 12px; }
.us-pxwaterpologoal-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxwaterpologoal-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwaterpologoal-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxwaterpologoal-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwaterpologoal-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxrelaybaton { background: linear-gradient(90deg, var(--o) 0 14px, var(--w) 14px calc(100% - 14px), var(--o) calc(100% - 14px)); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 1px 22px; }
.us-pxrelaybaton-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxrelaybaton-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxrelaybaton-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxrelaybaton-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxrelaybaton-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxdivingplatformedge { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-bottom: 6px solid var(--b); border-radius: 3px 3px 0 0; padding: 1px 14px; }
.us-pxdivingplatformedge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxdivingplatformedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxdivingplatformedge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxdivingplatformedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxdivingplatformedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsurfwaxbar { background: radial-gradient(circle, rgba(255,255,255,0.6) 0 1px, transparent 1.5px) 0 0 / 6px 6px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 12px 4px 12px; padding: 1px 13px; }
.us-pxsurfwaxbar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxsurfwaxbar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsurfwaxbar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxsurfwaxbar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsurfwaxbar-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxpaddleboardrail { background: linear-gradient(180deg, transparent 0 40%, rgba(255,255,255,0.8) 40% 52%, transparent 52%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 999px 999px / 50%; padding: 1px 20px; }
.us-pxpaddleboardrail-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpaddleboardrail-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxpaddleboardrail-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpaddleboardrail-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxpaddleboardrail-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxkayakhullstripe { background: linear-gradient(180deg, var(--o) 0 22%, var(--w) 22% 32%, transparent 32%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 50%, 10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%); border-radius: 0; padding: 2px 1.4em; }
.us-pxkayakhullstripe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxkayakhullstripe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxkayakhullstripe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxkayakhullstripe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxkayakhullstripe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxcanoepaddleblade { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 999px 999px 4px; border-left: 16px solid var(--b); padding: 1px 18px 1px 10px; }
.us-pxcanoepaddleblade-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxcanoepaddleblade-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxcanoepaddleblade-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxcanoepaddleblade-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxcanoepaddleblade-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxjetskihandle { background: radial-gradient(circle at 10px 50%, var(--w) 0 4px, transparent 4.6px), radial-gradient(circle at calc(100% - 10px) 50%, var(--w) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 1px 24px; }
.us-pxjetskihandle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxjetskihandle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxjetskihandle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxjetskihandle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxjetskihandle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxsailbatten { background: repeating-linear-gradient(90deg, transparent 0 24px, rgba(0,0,0,0.25) 24px 26px), linear-gradient(180deg, #ffffff, var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%); border-radius: 0; padding: 4px 14px 1px; }
.us-pxsailbatten-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxsailbatten-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxsailbatten-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxsailbatten-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxsailbatten-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsnorkeltubebend { background: linear-gradient(180deg, transparent 0 0), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 14px 4px 14px 4px; border-top: 5px solid var(--o); padding: 1px 14px; }
.us-pxsnorkeltubebend-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxsnorkeltubebend-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsnorkeltubebend-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxsnorkeltubebend-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsnorkeltubebend-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxboogieboarddeck { background: repeating-linear-gradient(0deg, rgba(255,255,255,0.28) 0 2px, transparent 2px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 999px 999px 10px 10px; box-shadow: 0 0 0 1px var(--o); padding: 2px 16px; }
.us-pxboogieboarddeck-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxboogieboarddeck-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxboogieboarddeck-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxboogieboarddeck-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxboogieboarddeck-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxwakeboardbinding { background: linear-gradient(90deg, var(--dk) 0 6px, transparent 6px calc(100% - 6px), var(--dk) calc(100% - 6px)), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 16px; }
.us-pxwakeboardbinding-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwakeboardbinding-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxwakeboardbinding-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwakeboardbinding-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxwakeboardbinding-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxoarlockring { background: radial-gradient(circle at 14px 50%, transparent 0 4px, var(--w) 4.6px 7px, transparent 7.6px), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 12px 1px 30px; }
.us-pxoarlockring-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxoarlockring-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxoarlockring-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxoarlockring-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxoarlockring-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxlifejacketbuckle { background: linear-gradient(90deg, var(--w) 0 4px, transparent 4px calc(100% - 4px), var(--w) calc(100% - 4px)), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; border-top: 5px solid var(--dk); padding: 1px 14px; }
.us-pxlifejacketbuckle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxlifejacketbuckle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxlifejacketbuckle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxlifejacketbuckle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxlifejacketbuckle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxrashguardseam { background: linear-gradient(115deg, transparent 0 20%, rgba(255,255,255,0.45) 20% 22%, transparent 22% 80%, rgba(255,255,255,0.45) 80% 82%, transparent 82%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 10px 4px 10px; padding: 1px 14px; }
.us-pxrashguardseam-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxrashguardseam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxrashguardseam-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxrashguardseam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxrashguardseam-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwetsuitzipper { background: repeating-linear-gradient(90deg, var(--w) 0 2px, transparent 2px 5px) 0 50% / 100% 3px no-repeat, linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--b) 60%, var(--dk))); color: var(--w); font-weight: 900; border-radius: 6px; padding: 1px 14px; text-shadow: none; }
.us-pxwetsuitzipper-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwetsuitzipper-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwetsuitzipper-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwetsuitzipper-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwetsuitzipper-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxdivefinrubber { background: repeating-linear-gradient(100deg, rgba(0,0,0,0.2) 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%); border-radius: 0; padding: 2px 1.2em 2px 12px; }
.us-pxdivefinrubber-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxdivefinrubber-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxdivefinrubber-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxdivefinrubber-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxdivefinrubber-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxtowropehandle { background: repeating-linear-gradient(135deg, var(--w) 0 3px, var(--ol) 3px 6px) 0 50% / 100% 5px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 6px 13px; }
.us-pxtowropehandle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxtowropehandle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxtowropehandle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxtowropehandle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxtowropehandle-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwaterskitip { background: linear-gradient(180deg, var(--o) 0 30%, var(--w) 30% 44%, var(--c) 44%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 3px 3px 999px; padding: 1px 12px 1px 18px; }
.us-pxwaterskitip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxwaterskitip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwaterskitip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxwaterskitip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwaterskitip-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtagbeltflag { background: linear-gradient(90deg, var(--o) 0 100%) 0 0 / 10px 100% no-repeat, linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 12px 1px 16px; }
.us-pxtagbeltflag-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxtagbeltflag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtagbeltflag-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxtagbeltflag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxtagbeltflag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpaddleballface { background: radial-gradient(circle, rgba(255,255,255,0.5) 0 2px, transparent 2.6px) 0 0 / 9px 9px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--b); border-radius: 999px 999px 8px 8px; padding: 2px 15px; }
.us-pxpaddleballface-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpaddleballface-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxpaddleballface-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpaddleballface-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpaddleballface-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxpoolfrisbeerim { background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(255,255,255,0.45), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 999px / 55%; padding: 0 17px; }
.us-pxpoolfrisbeerim-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxpoolfrisbeerim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxpoolfrisbeerim-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxpoolfrisbeerim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxpoolfrisbeerim-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxdartboardrings { background: repeating-radial-gradient(circle at 50% 50%, var(--o) 0 4px, var(--w) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--dk); border-radius: 999px; padding: 1px 15px; }
.us-pxdartboardrings-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxdartboardrings-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxdartboardrings-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxdartboardrings-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxdartboardrings-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxringtosspost { background: linear-gradient(90deg, transparent 0 46%, var(--dk) 46% 54%, transparent 54%) 0 100% / 100% 40% no-repeat, radial-gradient(ellipse 14px 5px at 50% 40%, var(--o) 0 100%, transparent 101%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 3px 14px 6px; }
.us-pxringtosspost-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxringtosspost-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxringtosspost-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxringtosspost-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxringtosspost-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsinkinggemtoy { background: linear-gradient(135deg, rgba(255,255,255,0.7) 0 18%, transparent 18% 50%, rgba(255,255,255,0.3) 50% 58%, transparent 58%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(14% 0, 86% 0, 100% 38%, 50% 100%, 0 38%); border-radius: 0; padding: 2px 1.6em 8px; }
.us-pxsinkinggemtoy-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxsinkinggemtoy-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsinkinggemtoy-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxsinkinggemtoy-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsinkinggemtoy-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxwaterpistolnozzle { background: radial-gradient(circle at calc(100% - 7px) 50%, var(--dk) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 14px 14px 3px; border-left: 8px solid var(--b); padding: 1px 22px 1px 10px; }
.us-pxwaterpistolnozzle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwaterpistolnozzle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxwaterpistolnozzle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwaterpistolnozzle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxwaterpistolnozzle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpoolbasketballnet { background: repeating-linear-gradient(60deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 6px), repeating-linear-gradient(-60deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-top: 5px solid var(--dk); border-radius: 2px 2px 14px 14px; padding: 1px 14px; }
.us-pxpoolbasketballnet-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpoolbasketballnet-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxpoolbasketballnet-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpoolbasketballnet-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpoolbasketballnet-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxkickballseams { background: repeating-linear-gradient(90deg, transparent 0 18px, rgba(255,255,255,0.7) 18px 20px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pxkickballseams-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxkickballseams-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxkickballseams-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxkickballseams-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxkickballseams-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxsandbaganchor { background: radial-gradient(circle at 50% 8px, var(--dk) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 7px 14px 1px; }
.us-pxsandbaganchor-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxsandbaganchor-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxsandbaganchor-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxsandbaganchor-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxsandbaganchor-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxbuoyancybelt { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 2px, transparent 2px 14px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-left: 6px solid var(--dk); border-right: 6px solid var(--dk); border-radius: 3px; padding: 1px 12px; }
.us-pxbuoyancybelt-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxbuoyancybelt-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxbuoyancybelt-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxbuoyancybelt-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxbuoyancybelt-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxfoambarbell { background: radial-gradient(ellipse 8px 100% at 8px 50%, var(--o) 0 100%, transparent 101%), radial-gradient(ellipse 8px 100% at calc(100% - 8px) 50%, var(--o) 0 100%, transparent 101%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 1px 24px; }
.us-pxfoambarbell-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxfoambarbell-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxfoambarbell-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxfoambarbell-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxfoambarbell-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxaquajoggerbelt { background: repeating-linear-gradient(90deg, var(--o) 0 12px, var(--w) 12px 14px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 1px 15px; }
.us-pxaquajoggerbelt-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxaquajoggerbelt-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxaquajoggerbelt-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxaquajoggerbelt-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxaquajoggerbelt-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxstepplatform { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 2px, transparent 2px 6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-bottom: 5px solid var(--dk); border-radius: 3px 3px 0 0; padding: 1px 14px; }
.us-pxstepplatform-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxstepplatform-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxstepplatform-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxstepplatform-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxstepplatform-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwaterbikepedal { background: conic-gradient(from 0deg at 50% 50%, var(--o) 0 90deg, var(--w) 90deg 180deg, var(--o) 180deg 270deg, var(--w) 270deg) 0 50% / 26px 26px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 12px 1px 34px; }
.us-pxwaterbikepedal-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwaterbikepedal-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwaterbikepedal-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwaterbikepedal-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwaterbikepedal-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxpaceboardmarker { background: linear-gradient(90deg, var(--o) 0 8px, transparent 8px), linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-bottom: 3px solid var(--b); padding: 1px 12px 1px 16px; }
.us-pxpaceboardmarker-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpaceboardmarker-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxpaceboardmarker-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpaceboardmarker-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxpaceboardmarker-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxaquaaerobicspole { background: repeating-linear-gradient(180deg, var(--o) 0 5px, var(--w) 5px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 0 16px; }
.us-pxaquaaerobicspole-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxaquaaerobicspole-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxaquaaerobicspole-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxaquaaerobicspole-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxaquaaerobicspole-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxteamcapnumber { background: radial-gradient(circle at 50% 120%, rgba(255,255,255,0.5), transparent 60%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 2px 15px 0; }
.us-pxteamcapnumber-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxteamcapnumber-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxteamcapnumber-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxteamcapnumber-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxteamcapnumber-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxscorenetcorner { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 2px 2px 2px 14px; padding: 1px 13px; }
.us-pxscorenetcorner-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxscorenetcorner-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxscorenetcorner-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxscorenetcorner-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxscorenetcorner-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxspikesplash { background: radial-gradient(circle at 12% 28%, #fff 0 2px, transparent 2.6px), radial-gradient(circle at 30% 10%, #fff 0 2.4px, transparent 3px), radial-gradient(circle at 70% 10%, #fff 0 2.4px, transparent 3px), radial-gradient(circle at 88% 28%, #fff 0 2px, transparent 2.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 6px 14px 1px; }
.us-pxspikesplash-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxspikesplash-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxspikesplash-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxspikesplash-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxspikesplash-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxdiveentryrip { background: linear-gradient(180deg, transparent 0 0), radial-gradient(ellipse 4px 100% at 50% 50%, rgba(255,255,255,0.8), transparent 80%) 0 50% / 100% 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-pxdiveentryrip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxdiveentryrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxdiveentryrip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxdiveentryrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxdiveentryrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxlapwakefan { background: repeating-conic-gradient(from 80deg at 0 50%, rgba(255,255,255,0.35) 0 4deg, transparent 4deg 12deg), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 999px 999px 3px; padding: 1px 16px 1px 12px; }
.us-pxlapwakefan-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxlapwakefan-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxlapwakefan-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxlapwakefan-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxlapwakefan-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxwaveballbounce { background: radial-gradient(ellipse 5px 3px at 8px 100%, #fff 0 100%, transparent 101%), radial-gradient(circle at calc(100% - 10px) 30%, rgba(255,255,255,0.8) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; padding: 1px 14px; }
.us-pxwaveballbounce-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwaveballbounce-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxwaveballbounce-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwaveballbounce-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxwaveballbounce-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxtagtidering { background: repeating-radial-gradient(circle at 50% 50%, transparent 0 3px, rgba(255,255,255,0.4) 3px 4px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px dashed var(--w); border-radius: 999px; padding: 0 15px; }
.us-pxtagtidering-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxtagtidering-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxtagtidering-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxtagtidering-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxtagtidering-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxracelaneshimmer { background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(255,255,255,0.35) 9px 11px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; box-shadow: inset 0 3px 0 var(--w); padding: 1px 13px; }
.us-pxracelaneshimmer-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxracelaneshimmer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxracelaneshimmer-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxracelaneshimmer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxracelaneshimmer-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpoolpartybubbles { background: radial-gradient(circle at 14% 70%, transparent 0 3px, rgba(255,255,255,0.85) 3.4px 4.2px, transparent 4.6px), radial-gradient(circle at 80% 30%, transparent 0 2.6px, rgba(255,255,255,0.85) 3px 3.8px, transparent 4.2px), radial-gradient(circle at 92% 74%, transparent 0 1.6px, rgba(255,255,255,0.85) 2px 2.8px, transparent 3.2px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 18px; }
.us-pxpoolpartybubbles-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpoolpartybubbles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxpoolpartybubbles-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpoolpartybubbles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpoolpartybubbles-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxkickturnfoam { background: radial-gradient(circle at 6% 50%, #fff 0 4px, transparent 4.6px), radial-gradient(circle at 16% 28%, #fff 0 3px, transparent 3.6px), radial-gradient(circle at 14% 76%, #fff 0 2.6px, transparent 3.2px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px 1px 26px; }
.us-pxkickturnfoam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxkickturnfoam-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxkickturnfoam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxkickturnfoam-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxkickturnfoam-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxunderwatercheer { background: radial-gradient(ellipse 100% 100% at 50% 0, rgba(255,255,255,0.5), transparent 60%), linear-gradient(180deg, var(--c), var(--b) 70%, var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; padding: 1px 14px; }
.us-pxunderwatercheer-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxunderwatercheer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxunderwatercheer-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxunderwatercheer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxunderwatercheer-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxgoalsplashcrest { background: radial-gradient(ellipse 24px 9px at 50% 0, var(--w) 0 80%, transparent 86%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 14px 14px; padding: 6px 15px 1px; }
.us-pxgoalsplashcrest-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxgoalsplashcrest-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxgoalsplashcrest-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxgoalsplashcrest-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxgoalsplashcrest-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxmatchpointglint { background: linear-gradient(110deg, transparent 0 40%, rgba(255,255,255,0.7) 40% 46%, transparent 46% 54%, rgba(255,255,255,0.4) 54% 58%, transparent 58%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-pxmatchpointglint-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxmatchpointglint-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxmatchpointglint-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxmatchpointglint-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxmatchpointglint-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxscoreflipcard { background: linear-gradient(180deg, var(--dk) 0 49%, rgba(255,255,255,0.4) 49% 51%, color-mix(in srgb, var(--b) 40%, var(--dk)) 51%); color: var(--w); font-weight: 900; border-radius: 4px; padding: 1px 12px; text-shadow: none; }
.us-pxscoreflipcard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxscoreflipcard-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxscoreflipcard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxscoreflipcard-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxscoreflipcard-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxmatchclockbezel { background: radial-gradient(circle, var(--dk) 0 62%, transparent 63%), conic-gradient(var(--o) 0 25%, var(--w) 0 50%, var(--o) 0 75%, var(--w) 0); color: var(--w); font-weight: 900; border-radius: 999px; padding: 2px 16px; text-shadow: none; }
.us-pxmatchclockbezel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxmatchclockbezel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxmatchclockbezel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxmatchclockbezel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxmatchclockbezel-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxteamrosterstrip { background: linear-gradient(90deg, var(--o) 0 9px, transparent 9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 0 12px 0 16px; }
.us-pxteamrosterstrip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxteamrosterstrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxteamrosterstrip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxteamrosterstrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxteamrosterstrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxgamedaypass { background: radial-gradient(circle at 0 50%, transparent 0 5px, #ffffff 5.4px) left / 52% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 5px, #ffffff 5.4px) right / 52% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--o); border-bottom: 3px solid var(--o); padding: 0 14px; }
.us-pxgamedaypass-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxgamedaypass-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxgamedaypass-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxgamedaypass-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxgamedaypass-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxcaptainarmband { background: linear-gradient(180deg, var(--o) 0 18%, transparent 18% 82%, var(--o) 82%), linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 1px 14px; }
.us-pxcaptainarmband-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxcaptainarmband-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxcaptainarmband-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxcaptainarmband-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxcaptainarmband-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxrefereewhistletag { background: radial-gradient(circle at 11px 50%, var(--w) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 12px 1px 24px; }
.us-pxrefereewhistletag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxrefereewhistletag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxrefereewhistletag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxrefereewhistletag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxrefereewhistletag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxwinnerbannerfold { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%); border-radius: 0; padding: 2px 1.2em 9px; }
.us-pxwinnerbannerfold-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwinnerbannerfold-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxwinnerbannerfold-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwinnerbannerfold-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxwinnerbannerfold-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxscoreboarddigits { background: repeating-linear-gradient(180deg, rgba(255,255,255,0.12) 0 1px, transparent 1px 3px), linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, var(--dk)), var(--dk)); color: var(--w); font-family: ui-monospace, Menlo, monospace; font-weight: 800; letter-spacing: 0.1em; border: 2px solid var(--c); border-radius: 4px; padding: 0 10px; text-shadow: 0 0 5px var(--c); }
.us-pxscoreboarddigits-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxscoreboarddigits-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxscoreboarddigits-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxscoreboarddigits-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxscoreboarddigits-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxroundrobinchart { background: linear-gradient(var(--c) 1px, transparent 1px) 0 0 / 100% 50%, linear-gradient(90deg, var(--c) 1px, transparent 1px) 0 0 / 33% 100%, #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 3px; padding: 0 11px; }
.us-pxroundrobinchart-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxroundrobinchart-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxroundrobinchart-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxroundrobinchart-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxroundrobinchart-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxpoolgametab { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-bottom: 0; border-radius: 10px 10px 0 0; box-shadow: inset 0 3px 0 var(--o); padding: 4px 13px 0; }
.us-pxpoolgametab-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpoolgametab-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxpoolgametab-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpoolgametab-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxpoolgametab-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxmedalcountpill { background: radial-gradient(circle at 12px 50%, var(--ol) 0 5px, var(--o) 5.6px 7px, transparent 7.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 999px; padding: 0 14px 0 28px; }
.us-pxmedalcountpill-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxmedalcountpill-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxmedalcountpill-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxmedalcountpill-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxmedalcountpill-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsportstenciltext { background: none; color: var(--b); font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; font-size: 0.88em; border-top: 3px solid var(--b); border-bottom: 3px solid var(--o); border-radius: 0; padding: 0 8px; text-shadow: none; }
.us-pxsportstenciltext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxsportstenciltext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsportstenciltext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxsportstenciltext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsportstenciltext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxteamslidetext { background: linear-gradient(90deg, var(--c), var(--b), var(--o)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; }
.us-pxteamslidetext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxteamslidetext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxteamslidetext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxteamslidetext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxteamslidetext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxgoallinetext { background: linear-gradient(90deg, var(--o) 0 100%) 0 100% / 100% 3px no-repeat; color: var(--b); font-weight: 900; border-radius: 0; padding: 0 3px 5px; }
.us-pxgoallinetext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxgoallinetext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxgoallinetext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxgoallinetext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxgoallinetext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxscorechalktext { background: linear-gradient(180deg, var(--b), var(--dk)); color: var(--w); font-weight: 800; border: 3px solid var(--ol); border-radius: 3px; padding: 0 10px; text-shadow: 0 0 1px #fff; }
.us-pxscorechalktext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxscorechalktext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxscorechalktext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxscorechalktext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxscorechalktext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxbounceechotext { background: none; color: var(--o); font-weight: 900; text-shadow: 2px 3px 0 var(--b), 4px 6px 0 color-mix(in srgb, var(--c) 45%, transparent); }
.us-pxbounceechotext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxbounceechotext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxbounceechotext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxbounceechotext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxbounceechotext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxrallyoutlinetext { background: none; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.2px var(--b); font-weight: 900; text-shadow: 2px 2px 0 var(--ol); }
.us-pxrallyoutlinetext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxrallyoutlinetext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxrallyoutlinetext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxrallyoutlinetext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxrallyoutlinetext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxcourtmarkpill { background: linear-gradient(90deg, var(--c) 0 50%, var(--o) 50%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 999px; box-shadow: 0 0 0 1px var(--b); padding: 0 14px; }
.us-pxcourtmarkpill-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxcourtmarkpill-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxcourtmarkpill-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxcourtmarkpill-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxcourtmarkpill-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtimeouttoggle { background: radial-gradient(circle at calc(100% - 11px) 50%, #ffffff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 26px 1px 12px; }
.us-pxtimeouttoggle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxtimeouttoggle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtimeouttoggle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxtimeouttoggle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxtimeouttoggle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxlevelupbadge { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%); border-radius: 0; padding: 4px 1.2em; }
.us-pxlevelupbadge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxlevelupbadge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxlevelupbadge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxlevelupbadge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxlevelupbadge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxmatchnotetag { background: radial-gradient(circle at 9px 50%, #fff 0 3px, var(--dk) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 14px 14px 3px; padding: 1px 14px 1px 24px; }
.us-pxmatchnotetag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxmatchnotetag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxmatchnotetag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxmatchnotetag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxmatchnotetag-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxlaneracestrip { background: repeating-linear-gradient(90deg, var(--w) 0 14px, var(--c) 14px 28px) 0 0 / 100% 5px no-repeat, repeating-linear-gradient(90deg, var(--c) 0 14px, var(--w) 14px 28px) 0 100% / 100% 5px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 7px 13px; }
.us-pxlaneracestrip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxlaneracestrip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxlaneracestrip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxlaneracestrip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxlaneracestrip-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxdeckgamechalk { background: repeating-linear-gradient(90deg, var(--ol) 0 6px, transparent 6px 12px) 0 100% / 100% 4px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 13px 6px; }
.us-pxdeckgamechalk-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxdeckgamechalk-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxdeckgamechalk-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxdeckgamechalk-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxdeckgamechalk-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsplashdodgeball { background: conic-gradient(from 0deg, var(--o) 0 90deg, var(--w) 90deg 180deg, var(--o) 180deg 270deg, var(--w) 270deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--dk); border-radius: 999px; padding: 2px 16px; }
.us-pxsplashdodgeball-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxsplashdodgeball-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxsplashdodgeball-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxsplashdodgeball-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxsplashdodgeball-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtreasuredivechest { background: linear-gradient(180deg, var(--ol) 0 30%, var(--o) 30% 34%, var(--ol) 34%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--dk); border-radius: 12px 12px 3px 3px; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2); padding: 1px 14px; }
.us-pxtreasuredivechest-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxtreasuredivechest-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtreasuredivechest-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxtreasuredivechest-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxtreasuredivechest-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpoolobstaclearch { background: radial-gradient(ellipse 60% 100% at 50% 100%, transparent 0 55%, var(--w) 57% 100%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 6px 17px 1px; }
.us-pxpoolobstaclearch-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpoolobstaclearch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxpoolobstaclearch-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpoolobstaclearch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxpoolobstaclearch-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxswimthroughhoop { background: radial-gradient(ellipse 70% 100% at 50% 50%, transparent 0 56%, var(--o) 58% 100%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 2px 20px; }
.us-pxswimthroughhoop-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxswimthroughhoop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxswimthroughhoop-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxswimthroughhoop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxswimthroughhoop-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxtugropeknot { background: repeating-linear-gradient(135deg, var(--o) 0 4px, var(--ol) 4px 8px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 0 16px; }
.us-pxtugropeknot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxtugropeknot-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxtugropeknot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxtugropeknot-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxtugropeknot-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxsprintstartmark { background: linear-gradient(90deg, var(--o) 0 5px, transparent 5px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px 12px 12px 2px; padding: 1px 13px 1px 12px; }
.us-pxsprintstartmark-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxsprintstartmark-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxsprintstartmark-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxsprintstartmark-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxsprintstartmark-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxpoolconestack { background: linear-gradient(180deg, var(--o) 0 33%, var(--w) 33% 55%, var(--o) 55%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(16% 100%, 30% 0, 70% 0, 84% 100%); border-radius: 0; padding: 3px 1.8em 2px; }
.us-pxpoolconestack-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxpoolconestack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxpoolconestack-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxpoolconestack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxpoolconestack-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxdunktankseat { background: linear-gradient(180deg, var(--o) 0 30%, transparent 30%), repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 6px 13px 1px; }
.us-pxdunktankseat-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxdunktankseat-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxdunktankseat-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxdunktankseat-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxdunktankseat-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxraftracenumber { background: radial-gradient(ellipse 100% 40% at 50% 100%, rgba(0,0,0,0.2), transparent 70%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--w); border-radius: 999px; box-shadow: 0 0 0 1px var(--o); padding: 0 14px; }
.us-pxraftracenumber-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxraftracenumber-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxraftracenumber-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxraftracenumber-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxraftracenumber-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxpennantrelay { background: linear-gradient(90deg, var(--o) 0 33%, var(--w) 33% 66%, var(--c) 66%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; clip-path: polygon(0 0, 100% 50%, 0 100%); border-radius: 0; padding: 2px 2.2em 2px 12px; }
.us-pxpennantrelay-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxpennantrelay-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxpennantrelay-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxpennantrelay-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxpennantrelay-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxsplashzonerope { background: radial-gradient(circle at 7px 50%, var(--o) 0 4px, transparent 4.6px) 0 0 / 14px 100% repeat-x, radial-gradient(circle at 14px 50%, var(--w) 0 4px, transparent 4.6px) 0 0 / 28px 100% repeat-x; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px; }
.us-pxsplashzonerope-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxsplashzonerope-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxsplashzonerope-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxsplashzonerope-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxsplashzonerope-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxfairplayseal { background: radial-gradient(circle, #ffffff 0 22%, transparent 23%), repeating-conic-gradient(var(--o) 0 12deg, var(--ol) 12deg 24deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: 0 0 0 2px var(--dk); padding: 2px 15px; }
.us-pxfairplayseal-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxfairplayseal-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxfairplayseal-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxfairplayseal-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxfairplayseal-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxunderwaterhockeypu { background: radial-gradient(ellipse 100% 40% at 50% 0, rgba(255,255,255,0.4), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px / 60%; border-bottom: 4px solid var(--dk); padding: 1px 16px; }
.us-pxunderwaterhockeypu-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxunderwaterhockeypu-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxunderwaterhockeypu-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxunderwaterhockeypu-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxunderwaterhockeypu-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxkidsrelaybib { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 4px solid var(--w); border-radius: 3px 3px 12px 12px; padding: 1px 13px; }
.us-pxkidsrelaybib-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxkidsrelaybib-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxkidsrelaybib-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxkidsrelaybib-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxkidsrelaybib-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxnetpostcap { background: radial-gradient(ellipse 100% 40% at 50% 0, rgba(255,255,255,0.5), transparent 70%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 12px 3px 3px; border-bottom: 4px solid var(--dk); padding: 1px 14px; }
.us-pxnetpostcap-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxnetpostcap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pxnetpostcap-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxnetpostcap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pxnetpostcap-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwavemachinepanel { background: radial-gradient(ellipse 18px 8px at 50% 0, var(--w) 0 70%, transparent 76%) 0 0 / 36px 100% repeat-x, linear-gradient(180deg, var(--b), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--c); border-radius: 4px; padding: 5px 13px 1px; }
.us-pxwavemachinepanel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pxwavemachinepanel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pxwavemachinepanel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pxwavemachinepanel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pxwavemachinepanel-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxbeachcourtline { background: linear-gradient(90deg, var(--w) 0 4px, transparent 4px calc(100% - 4px), var(--w) calc(100% - 4px)), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 14px; }
.us-pxbeachcourtline-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pxbeachcourtline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pxbeachcourtline-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pxbeachcourtline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pxbeachcourtline-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyterracottapot { background: linear-gradient(180deg, var(--ol) 0 22%, transparent 22%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 88% 100%, 12% 100%); border-radius: 0; padding: 2px 1.3em 2px; }
.us-pyterracottapot-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyterracottapot-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyterracottapot-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyterracottapot-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyterracottapot-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyplanterbox { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.16) 0 1px, transparent 1px 12px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 5px solid var(--dk); border-radius: 2px 2px 6px 6px; padding: 1px 13px; }
.us-pyplanterbox-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyplanterbox-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyplanterbox-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyplanterbox-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyplanterbox-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyhangingbasket { background: radial-gradient(ellipse 100% 60% at 50% 0, var(--c) 0 100%, transparent 101%) 0 0 / 100% 50% no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 999px 999px / 6px 6px 100% 100%; padding: 6px 14px 4px; }
.us-pyhangingbasket-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyhangingbasket-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyhangingbasket-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyhangingbasket-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyhangingbasket-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyfernfrondedge { background: repeating-linear-gradient(100deg, transparent 0 4px, rgba(255,255,255,0.35) 4px 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); clip-path: polygon(0 50%, 6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%); border-radius: 0; padding: 2px 1.3em; }
.us-pyfernfrondedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyfernfrondedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyfernfrondedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyfernfrondedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyfernfrondedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pysucculentrosette { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--c) 0 20deg, var(--b) 20deg 40deg) 0 50% / 28px 28px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-pysucculentrosette-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pysucculentrosette-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pysucculentrosette-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pysucculentrosette-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pysucculentrosette-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyseedpacket { background: linear-gradient(180deg, var(--o) 0 9px, transparent 9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 2px; box-shadow: 1px 2px 0 rgba(0,0,0,0.15); padding: 11px 12px 1px; }
.us-pyseedpacket-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyseedpacket-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyseedpacket-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyseedpacket-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyseedpacket-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyplantmarkerstake { background: linear-gradient(90deg, transparent 0 46%, var(--dk) 46% 54%, transparent 54%) 0 100% / 100% 40% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 4px; padding: 1px 13px 7px; }
.us-pyplantmarkerstake-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyplantmarkerstake-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyplantmarkerstake-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyplantmarkerstake-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyplantmarkerstake-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pytrowelblade { background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 20%, transparent 20%), linear-gradient(180deg, color-mix(in srgb, var(--w) 88%, var(--c)), color-mix(in srgb, var(--b) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 50%, 14% 0, 100% 0, 100% 100%, 14% 100%); border-radius: 0; padding: 2px 12px 2px 1.4em; }
.us-pytrowelblade-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pytrowelblade-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pytrowelblade-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pytrowelblade-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pytrowelblade-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pywateringcanspout { background: radial-gradient(circle at calc(100% - 4px) 50%, var(--w) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 3px 3px 6px; border-right: 10px solid var(--b); padding: 1px 18px 1px 12px; }
.us-pywateringcanspout-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pywateringcanspout-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pywateringcanspout-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pywateringcanspout-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pywateringcanspout-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pygardenhosecoil { background: repeating-radial-gradient(circle at 50% 50%, var(--c) 0 3px, var(--b) 3px 6px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pygardenhosecoil-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardenhosecoil-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pygardenhosecoil-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardenhosecoil-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pygardenhosecoil-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywheelbarrowtray { background: radial-gradient(circle at calc(100% - 10px) calc(100% + 1px), var(--dk) 0 5px, transparent 5.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 88% 100%, 12% 100%); border-radius: 0; padding: 2px 1.4em 4px; }
.us-pywheelbarrowtray-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pywheelbarrowtray-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywheelbarrowtray-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pywheelbarrowtray-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pywheelbarrowtray-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pycompostbinslats { background: repeating-linear-gradient(180deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--dk); border-radius: 3px; padding: 1px 13px; }
.us-pycompostbinslats-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pycompostbinslats-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pycompostbinslats-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pycompostbinslats-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pycompostbinslats-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyflowerbededge { background: radial-gradient(circle at 6px 100%, var(--o) 0 4px, transparent 4.6px) 0 100% / 14px 8px repeat-x, radial-gradient(circle at 13px 100%, var(--w) 0 3px, transparent 3.6px) 0 100% / 14px 8px repeat-x, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px 9px; }
.us-pyflowerbededge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyflowerbededge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyflowerbededge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyflowerbededge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyflowerbededge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pywindowbox { background: radial-gradient(ellipse 10px 6px at 10px 0, var(--c) 0 100%, transparent 101%) 0 0 / 20px 8px repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 8px 8px; padding: 8px 13px 1px; }
.us-pywindowbox-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pywindowbox-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywindowbox-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pywindowbox-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pywindowbox-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pybirdbathripple { background: repeating-radial-gradient(ellipse at 50% 50%, transparent 0 4px, rgba(255,255,255,0.45) 4px 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--w); border-radius: 999px / 60%; box-shadow: 0 3px 0 var(--b); padding: 0 16px; }
.us-pybirdbathripple-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pybirdbathripple-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pybirdbathripple-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pybirdbathripple-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pybirdbathripple-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyraingaugetube { background: repeating-linear-gradient(180deg, rgba(255,255,255,0.6) 0 1px, transparent 1px 5px) 8px 0 / 8px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 3px 3px 10px 10px; padding: 1px 12px 1px 22px; }
.us-pyraingaugetube-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyraingaugetube-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyraingaugetube-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyraingaugetube-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyraingaugetube-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywindchimebars { background: linear-gradient(90deg, var(--c) 0 6px, transparent 6px 12px, var(--b) 12px 18px, transparent 18px 24px, var(--o) 24px 30px, transparent 30px) 0 0 / 100% 70% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 4px solid var(--dk); border-radius: 2px; padding: 8px 13px 1px; }
.us-pywindchimebars-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pywindchimebars-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywindchimebars-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pywindchimebars-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pywindchimebars-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pysunstakelight { background: radial-gradient(circle at 50% 0, rgba(255,255,255,0.9) 0 4px, var(--ol) 5px 8px, transparent 9px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 8px 14px 1px; }
.us-pysunstakelight-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pysunstakelight-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pysunstakelight-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pysunstakelight-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pysunstakelight-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pydewdropleaf { background: radial-gradient(circle at 20% 40%, rgba(255,255,255,0.9) 0 2.4px, transparent 3px), radial-gradient(circle at 56% 66%, rgba(255,255,255,0.9) 0 2px, transparent 2.6px), radial-gradient(circle at 84% 34%, rgba(255,255,255,0.9) 0 2.4px, transparent 3px), linear-gradient(115deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0 999px 0 999px; padding: 1px 16px; }
.us-pydewdropleaf-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pydewdropleaf-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pydewdropleaf-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pydewdropleaf-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pydewdropleaf-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pysteppingstonepath { background: radial-gradient(ellipse 16px 8px at 20px 50%, var(--ol) 0 100%, transparent 101%), radial-gradient(ellipse 16px 8px at calc(100% - 20px) 50%, var(--ol) 0 100%, transparent 101%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 14px; }
.us-pysteppingstonepath-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pysteppingstonepath-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pysteppingstonepath-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pysteppingstonepath-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pysteppingstonepath-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygravelborder { background: radial-gradient(circle, rgba(0,0,0,0.22) 0 1px, transparent 1.5px) 0 0 / 5px 5px, radial-gradient(circle, rgba(255,255,255,0.5) 0 1px, transparent 1.5px) 2px 2px / 5px 5px, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-pygravelborder-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pygravelborder-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygravelborder-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pygravelborder-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygravelborder-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyhedgetrim { background: radial-gradient(circle at 5px 0, var(--b) 0 5px, transparent 5.6px) 0 0 / 10px 100% repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 6px; padding: 6px 13px 1px; }
.us-pyhedgetrim-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyhedgetrim-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyhedgetrim-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyhedgetrim-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyhedgetrim-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pytrellisdiamonds { background: repeating-linear-gradient(45deg, var(--c) 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, var(--c) 0 2px, transparent 2px 9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--c); border-radius: 4px; padding: 0 12px; }
.us-pytrellisdiamonds-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pytrellisdiamonds-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pytrellisdiamonds-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pytrellisdiamonds-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pytrellisdiamonds-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pypergolashade { background: repeating-linear-gradient(90deg, var(--dk) 0 4px, transparent 4px 14px) 0 0 / 100% 7px no-repeat, linear-gradient(var(--dk), var(--dk)) 0 0 / 100% 3px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 0 0 4px 4px; padding: 9px 13px 1px; }
.us-pypergolashade-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypergolashade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pypergolashade-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypergolashade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pypergolashade-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pymosaictabletop { background: conic-gradient(var(--c) 25%, var(--w) 0 50%, var(--o) 0 75%, var(--w) 0) 0 0 / 12px 12px; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 3px solid var(--b); border-radius: 999px; padding: 0 16px; }
.us-pymosaictabletop-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pymosaictabletop-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pymosaictabletop-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pymosaictabletop-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pymosaictabletop-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypatioumbrellapole { background: linear-gradient(90deg, transparent 0 46%, var(--dk) 46% 54%, transparent 54%) 0 100% / 100% 40% no-repeat, repeating-conic-gradient(from -45deg at 50% 150%, var(--o) 0 15deg, var(--w) 15deg 30deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 999px 3px 3px; padding: 4px 16px 6px; }
.us-pypatioumbrellapole-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypatioumbrellapole-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pypatioumbrellapole-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypatioumbrellapole-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypatioumbrellapole-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pycafechairback { background: repeating-linear-gradient(90deg, var(--b) 0 3px, transparent 3px 9px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 999px 4px 4px; border-bottom: 3px solid var(--b); padding: 3px 16px 1px; }
.us-pycafechairback-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pycafechairback-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pycafechairback-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pycafechairback-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pycafechairback-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyironscrollrail { background: radial-gradient(circle at 10px 50%, transparent 0 4px, var(--dk) 4.6px 6px, transparent 6.6px), radial-gradient(circle at calc(100% - 10px) 50%, transparent 0 4px, var(--dk) 4.6px 6px, transparent 6.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 2px solid var(--dk); border-bottom: 2px solid var(--dk); padding: 0 26px; }
.us-pyironscrollrail-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyironscrollrail-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyironscrollrail-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyironscrollrail-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyironscrollrail-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pybrickedging { background: linear-gradient(rgba(255,255,255,0.45) 1px, transparent 1px) 0 0 / 100% 8px, linear-gradient(90deg, rgba(255,255,255,0.45) 1px, transparent 1px) 0 0 / 16px 8px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px; }
.us-pybrickedging-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pybrickedging-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pybrickedging-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pybrickedging-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pybrickedging-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyfountaintier { background: radial-gradient(ellipse 30px 6px at 50% 100%, var(--w) 0 80%, transparent 86%), radial-gradient(ellipse 16px 5px at 50% 64%, var(--ol) 0 80%, transparent 86%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px 10px 4px 4px; padding: 1px 14px 9px; }
.us-pyfountaintier-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyfountaintier-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyfountaintier-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyfountaintier-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyfountaintier-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyrainchaincups { background: radial-gradient(ellipse 5px 4px at 50% 14px, var(--o) 0 100%, transparent 101%) 0 0 / 14px 100% repeat-x, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 12px 1px; }
.us-pyrainchaincups-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyrainchaincups-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyrainchaincups-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyrainchaincups-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyrainchaincups-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pygardengatebars { background: repeating-linear-gradient(90deg, var(--w) 0 3px, transparent 3px 8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-top: 4px solid var(--w); border-bottom: 4px solid var(--w); border-radius: 3px; padding: 0 12px; }
.us-pygardengatebars-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardengatebars-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pygardengatebars-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardengatebars-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pygardengatebars-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pypicketrow { background: repeating-linear-gradient(90deg, #ffffff 0 9px, rgba(0,0,0,0.12) 9px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 20%, 4% 0, 8% 20%, 100% 20%, 100% 100%, 0 100%); border-radius: 0; padding: 7px 12px 1px; }
.us-pypicketrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pypicketrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pypicketrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pypicketrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pypicketrow-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pydeckboardrun { background: repeating-linear-gradient(0deg, rgba(0,0,0,0.16) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px; }
.us-pydeckboardrun-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pydeckboardrun-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pydeckboardrun-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pydeckboardrun-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pydeckboardrun-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pylawnstripe { background: repeating-linear-gradient(90deg, var(--c) 0 14px, color-mix(in srgb, var(--c) 78%, var(--b)) 14px 28px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px; }
.us-pylawnstripe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pylawnstripe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pylawnstripe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pylawnstripe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pylawnstripe-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pypoolfencepost { background: linear-gradient(180deg, var(--w) 0 12%, transparent 12%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 5px solid var(--dk); border-right: 5px solid var(--dk); border-radius: 2px; padding: 3px 12px 1px; }
.us-pypoolfencepost-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypoolfencepost-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pypoolfencepost-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypoolfencepost-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pypoolfencepost-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pylatticescreen { background: repeating-linear-gradient(90deg, var(--w) 0 2px, transparent 2px 7px), repeating-linear-gradient(0deg, var(--w) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border: 3px solid var(--w); border-radius: 3px; padding: 0 11px; }
.us-pylatticescreen-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pylatticescreen-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pylatticescreen-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pylatticescreen-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pylatticescreen-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyarborarch { background: radial-gradient(ellipse 60% 100% at 50% 100%, transparent 0 56%, var(--c) 58% 100%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 3px 3px; padding: 6px 17px 1px; }
.us-pyarborarch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyarborarch-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyarborarch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyarborarch-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyarborarch-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygardenbenchslats { background: repeating-linear-gradient(180deg, var(--ol) 0 5px, rgba(0,0,0,0.2) 5px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 5px solid var(--dk); border-right: 5px solid var(--dk); border-radius: 2px; padding: 1px 12px; }
.us-pygardenbenchslats-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pygardenbenchslats-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygardenbenchslats-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pygardenbenchslats-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardenbenchslats-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypaversbasketweave { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 10px), repeating-linear-gradient(0deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px; }
.us-pypaversbasketweave-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypaversbasketweave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pypaversbasketweave-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypaversbasketweave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypaversbasketweave-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pytiledbacksplash { background: linear-gradient(rgba(255,255,255,0.7) 2px, transparent 2px) 0 0 / 100% 11px, linear-gradient(90deg, rgba(255,255,255,0.7) 2px, transparent 2px) 0 0 / 11px 100%, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px; padding: 1px 12px; }
.us-pytiledbacksplash-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pytiledbacksplash-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pytiledbacksplash-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pytiledbacksplash-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pytiledbacksplash-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyoutdoorshowerpipe { background: radial-gradient(ellipse 14px 5px at 50% 0, var(--dk) 0 100%, transparent 101%), linear-gradient(180deg, rgba(255,255,255,0.5) 0 25%, transparent 25%), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 7px 13px 1px; }
.us-pyoutdoorshowerpipe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyoutdoorshowerpipe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyoutdoorshowerpipe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyoutdoorshowerpipe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyoutdoorshowerpipe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pypoolhouseroof { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 2px, transparent 2px 10px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 100%, 12% 0, 88% 0, 100% 100%); border-radius: 0; padding: 4px 1.5em 1px; }
.us-pypoolhouseroof-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pypoolhouseroof-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pypoolhouseroof-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pypoolhouseroof-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypoolhouseroof-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pygardenlanterncage { background: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0.85) 0 20%, var(--ol) 60%, var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 4px solid var(--dk); border-bottom: 4px solid var(--dk); border-radius: 10px; box-shadow: 0 0 9px color-mix(in srgb, var(--o) 60%, transparent); padding: 0 14px; }
.us-pygardenlanterncage-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardenlanterncage-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pygardenlanterncage-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardenlanterncage-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pygardenlanterncage-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pystringlightbulbs { background: radial-gradient(circle at 8px 100%, var(--ol) 0 3px, transparent 3.6px) 0 100% / 22px 8px repeat-x, linear-gradient(var(--dk), var(--dk)) 0 5px / 100% 1px no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 0 3px 9px; }
.us-pystringlightbulbs-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pystringlightbulbs-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pystringlightbulbs-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pystringlightbulbs-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pystringlightbulbs-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyhammockstand { background: linear-gradient(90deg, var(--dk) 0 5px, transparent 5px calc(100% - 5px), var(--dk) calc(100% - 5px)), repeating-linear-gradient(90deg, var(--c) 0 8px, var(--w) 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px 3px 999px 999px / 3px 3px 100% 100%; padding: 1px 14px 6px; }
.us-pyhammockstand-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyhammockstand-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyhammockstand-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyhammockstand-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyhammockstand-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pydripline { background: radial-gradient(ellipse 3px 4px at 12% 85%, var(--w) 0 100%, transparent 101%), radial-gradient(ellipse 3px 4px at 40% 85%, var(--w) 0 100%, transparent 101%), radial-gradient(ellipse 3px 4px at 70% 85%, var(--w) 0 100%, transparent 101%), radial-gradient(ellipse 3px 4px at 92% 85%, var(--w) 0 100%, transparent 101%), linear-gradient(180deg, var(--b) 0 5px, transparent 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px; padding: 7px 13px 7px; }
.us-pydripline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pydripline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pydripline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pydripline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pydripline-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pysprinklerrow { background: radial-gradient(circle at 12% 70%, #fff 0 1.4px, transparent 2px), radial-gradient(circle at 34% 40%, #fff 0 1.4px, transparent 2px), radial-gradient(circle at 56% 20%, #fff 0 1.4px, transparent 2px), radial-gradient(circle at 80% 40%, #fff 0 1.4px, transparent 2px), radial-gradient(circle at 94% 70%, #fff 0 1.4px, transparent 2px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 12px 4px 4px; padding: 3px 14px 1px; }
.us-pysprinklerrow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pysprinklerrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pysprinklerrow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pysprinklerrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pysprinklerrow-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyrainshowerstreaks { background: repeating-linear-gradient(78deg, transparent 0 6px, rgba(255,255,255,0.5) 6px 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 4px; padding: 1px 13px; }
.us-pyrainshowerstreaks-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyrainshowerstreaks-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyrainshowerstreaks-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyrainshowerstreaks-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyrainshowerstreaks-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypuddlereflection { background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px / 60%; padding: 1px 16px; }
.us-pypuddlereflection-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypuddlereflection-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pypuddlereflection-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypuddlereflection-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypuddlereflection-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pymorningmist { background: radial-gradient(ellipse at 30% 30%, rgba(255,255,255,0.7), transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(255,255,255,0.5), transparent 60%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 12px; padding: 1px 14px; }
.us-pymorningmist-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pymorningmist-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pymorningmist-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pymorningmist-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pymorningmist-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypondlilyring { background: radial-gradient(circle at 14px 50%, var(--w) 0 3px, var(--c) 3.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-pypondlilyring-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypondlilyring-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pypondlilyring-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypondlilyring-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypondlilyring-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywaterfallwallii { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.45) 0 2px, transparent 2px 7px), linear-gradient(180deg, rgba(255,255,255,0.6) 0 14%, transparent 14%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px 3px 10px 10px; padding: 1px 13px; }
.us-pywaterfallwallii-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pywaterfallwallii-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pywaterfallwallii-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pywaterfallwallii-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pywaterfallwallii-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardenpondedge { background: radial-gradient(ellipse 12px 6px at 50% 0, var(--ol) 0 100%, transparent 101%) 0 0 / 24px 8px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; padding: 8px 13px 1px; }
.us-pygardenpondedge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardenpondedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygardenpondedge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardenpondedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardenpondedge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pysundapplegrass { background: radial-gradient(circle at 16% 30%, rgba(255,255,255,0.6) 0 5px, transparent 6px), radial-gradient(circle at 60% 70%, rgba(255,255,255,0.45) 0 6px, transparent 7px), radial-gradient(circle at 88% 28%, rgba(255,255,255,0.5) 0 4px, transparent 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-pysundapplegrass-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pysundapplegrass-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pysundapplegrass-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pysundapplegrass-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pysundapplegrass-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pybreezesway { background: linear-gradient(105deg, transparent 0 30%, rgba(255,255,255,0.4) 30% 36%, transparent 36% 56%, rgba(255,255,255,0.25) 56% 60%, transparent 60%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 14px 3px 14px; padding: 1px 14px; }
.us-pybreezesway-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pybreezesway-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pybreezesway-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pybreezesway-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pybreezesway-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyeveningglowfade { background: linear-gradient(180deg, var(--ol), var(--o) 45%, var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-pyeveningglowfade-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyeveningglowfade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyeveningglowfade-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyeveningglowfade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyeveningglowfade-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pygardenwelcomesign { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--o); border-radius: 12px 12px 3px 3px; box-shadow: 0 3px 0 var(--dk); padding: 0 12px; }
.us-pygardenwelcomesign-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardenwelcomesign-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pygardenwelcomesign-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardenwelcomesign-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pygardenwelcomesign-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyplantlabeltab { background: linear-gradient(90deg, var(--c) 0 6px, transparent 6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px 12px 12px 3px; padding: 0 13px 0 14px; }
.us-pyplantlabeltab-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyplantlabeltab-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyplantlabeltab-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyplantlabeltab-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyplantlabeltab-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardenjournalline { background: repeating-linear-gradient(180deg, transparent 0 1.25em, rgba(30,120,200,0.28) 1.25em calc(1.25em + 1px)), linear-gradient(90deg, var(--o) 0 4px, transparent 4px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 0 12px 0 14px; }
.us-pygardenjournalline-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardenjournalline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygardenjournalline-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardenjournalline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardenjournalline-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pybrasshosetap { background: linear-gradient(180deg, var(--ol), var(--o) 60%, color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 14px 14px 4px; border-left: 8px solid var(--dk); padding: 1px 16px 1px 10px; }
.us-pybrasshosetap-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pybrasshosetap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pybrasshosetap-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pybrasshosetap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pybrasshosetap-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypotstandtag { background: radial-gradient(circle at 9px 50%, #fff 0 3px, var(--dk) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 14px 14px 3px; padding: 1px 14px 1px 24px; }
.us-pypotstandtag-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypotstandtag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pypotstandtag-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypotstandtag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypotstandtag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pybloomschedule { background: linear-gradient(90deg, var(--c) 0 20%, var(--w) 20% 40%, var(--o) 40% 60%, var(--w) 60% 80%, var(--b) 80%) 0 100% / 100% 5px no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 0 12px 7px; }
.us-pybloomschedule-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pybloomschedule-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pybloomschedule-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pybloomschedule-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pybloomschedule-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypationumberplate { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px double var(--w); border-radius: 6px; padding: 0 11px; }
.us-pypationumberplate-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypationumberplate-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pypationumberplate-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypationumberplate-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pypationumberplate-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyterracetab { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--o); border-bottom: 0; border-radius: 10px 10px 0 0; padding: 3px 13px 0; }
.us-pyterracetab-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyterracetab-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyterracetab-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyterracetab-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyterracetab-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyseedlingslidetext { background: linear-gradient(90deg, var(--c), var(--b)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; }
.us-pyseedlingslidetext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyseedlingslidetext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyseedlingslidetext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyseedlingslidetext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyseedlingslidetext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyclayglazetext { background: linear-gradient(180deg, var(--ol), var(--o)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(1px 2px 0 var(--dk)); padding: 0 2px; }
.us-pyclayglazetext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyclayglazetext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyclayglazetext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyclayglazetext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyclayglazetext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pygardenscript { background: none; color: var(--b); font-family: "Snell Roundhand", "Brush Script MT", cursive; font-weight: 700; font-size: 1.15em; text-shadow: 1px 1px 0 var(--ol); }
.us-pygardenscript-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardenscript-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pygardenscript-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardenscript-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pygardenscript-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pystakeunderline { background: repeating-linear-gradient(90deg, var(--o) 0 3px, transparent 3px 6px) 0 100% / 100% 4px no-repeat; color: var(--b); font-weight: 900; border-radius: 0; padding: 0 3px 6px; }
.us-pystakeunderline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pystakeunderline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pystakeunderline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pystakeunderline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pystakeunderline-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyleafshadowtext { background: none; color: var(--b); font-weight: 900; text-shadow: 3px 3px 0 var(--ol), 6px 6px 0 color-mix(in srgb, var(--c) 40%, transparent); }
.us-pyleafshadowtext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyleafshadowtext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyleafshadowtext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyleafshadowtext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyleafshadowtext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pychalkgardenboard { background: linear-gradient(180deg, var(--b), var(--dk)); color: var(--w); font-weight: 800; border: 4px solid var(--o); border-radius: 3px; padding: 0 10px; text-shadow: 0 0 1px #fff; }
.us-pychalkgardenboard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pychalkgardenboard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pychalkgardenboard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pychalkgardenboard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pychalkgardenboard-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pydewdroppill { background: radial-gradient(circle at 18% 36%, rgba(255,255,255,0.9) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-pydewdroppill-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pydewdroppill-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pydewdroppill-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pydewdroppill-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pydewdroppill-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyterracetoggle { background: radial-gradient(circle at 11px 50%, #ffffff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 12px 1px 26px; }
.us-pyterracetoggle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyterracetoggle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyterracetoggle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyterracetoggle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyterracetoggle-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyplantedstripecap { background: linear-gradient(180deg, var(--o) 0 6px, transparent 6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 8px 13px 1px; }
.us-pyplantedstripecap-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyplantedstripecap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyplantedstripecap-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyplantedstripecap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyplantedstripecap-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pybirdhouseroof { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 100%, 50% 0, 100% 100%); border-radius: 0; padding: 8px 1.8em 1px; }
.us-pybirdhouseroof-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pybirdhouseroof-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pybirdhouseroof-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pybirdhouseroof-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pybirdhouseroof-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyherbspiral { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--c) 0 30deg, var(--w) 30deg 60deg) 0 50% / 28px 28px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-pyherbspiral-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyherbspiral-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyherbspiral-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyherbspiral-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyherbspiral-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyraisedbedcorner { background: linear-gradient(90deg, var(--dk) 0 6px, transparent 6px), repeating-linear-gradient(180deg, rgba(0,0,0,0.18) 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px 6px 6px 2px; padding: 1px 13px 1px 14px; }
.us-pyraisedbedcorner-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyraisedbedcorner-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyraisedbedcorner-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyraisedbedcorner-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyraisedbedcorner-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardensundial { background: conic-gradient(from 270deg at 50% 100%, var(--o) 0 30deg, transparent 30deg 60deg, var(--o) 60deg 90deg, transparent 90deg 120deg, var(--o) 120deg 150deg, transparent 150deg 180deg) 0 0 / 100% 100% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 999px 4px 4px; padding: 3px 16px 1px; }
.us-pygardensundial-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pygardensundial-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pygardensundial-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pygardensundial-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pygardensundial-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pygazingball { background: radial-gradient(circle at 30% 26%, rgba(255,255,255,0.9) 0 12%, transparent 14%), radial-gradient(circle, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: 0 3px 0 var(--dk); padding: 2px 16px; }
.us-pygazingball-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pygazingball-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pygazingball-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pygazingball-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pygazingball-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypottingbenchtop { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.16) 0 1px, transparent 1px 18px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-bottom: 5px solid var(--dk); border-radius: 2px; padding: 1px 13px; }
.us-pypottingbenchtop-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pypottingbenchtop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pypottingbenchtop-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pypottingbenchtop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypottingbenchtop-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pytwinespool { background: repeating-linear-gradient(90deg, var(--ol) 0 3px, var(--w) 3px 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 6px solid var(--dk); border-right: 6px solid var(--dk); border-radius: 3px; padding: 0 10px; }
.us-pytwinespool-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pytwinespool-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pytwinespool-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pytwinespool-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pytwinespool-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyprunerhandle { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 3px 3px 999px; border-right: 10px solid var(--b); padding: 1px 14px 1px 16px; }
.us-pyprunerhandle-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyprunerhandle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pyprunerhandle-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyprunerhandle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pyprunerhandle-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pymulchchips { background: radial-gradient(ellipse 4px 2px at 20% 30%, rgba(0,0,0,0.25) 0 100%, transparent 101%), radial-gradient(ellipse 4px 2px at 60% 70%, rgba(0,0,0,0.25) 0 100%, transparent 101%), radial-gradient(ellipse 4px 2px at 86% 28%, rgba(0,0,0,0.25) 0 100%, transparent 101%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px; }
.us-pymulchchips-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pymulchchips-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pymulchchips-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pymulchchips-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pymulchchips-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyvinetendril { background: radial-gradient(circle at 8px 50%, transparent 0 3px, var(--c) 3.6px 5px, transparent 5.6px), radial-gradient(circle at calc(100% - 8px) 50%, transparent 0 3px, var(--c) 3.6px 5px, transparent 5.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 22px; }
.us-pyvinetendril-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyvinetendril-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyvinetendril-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyvinetendril-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyvinetendril-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pymossstone { background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.4) 0 4px, transparent 5px), radial-gradient(circle at 70% 60%, rgba(255,255,255,0.3) 0 5px, transparent 6px), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 14px 10px 14px; padding: 1px 14px; }
.us-pymossstone-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pymossstone-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pymossstone-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pymossstone-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pymossstone-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyfencerailcap { background: linear-gradient(180deg, var(--w) 0 22%, transparent 22%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 5px 13px 1px; }
.us-pyfencerailcap-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyfencerailcap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pyfencerailcap-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyfencerailcap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pyfencerailcap-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyclaysaucer { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px / 50%; box-shadow: inset 0 3px 0 rgba(255,255,255,0.4), 0 2px 0 var(--dk); padding: 1px 18px; }
.us-pyclaysaucer-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pyclaysaucer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyclaysaucer-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pyclaysaucer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyclaysaucer-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pydownspoutrun { background: linear-gradient(90deg, rgba(255,255,255,0.45) 0 12%, transparent 12%), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; border-left: 4px solid var(--w); padding: 1px 13px; }
.us-pydownspoutrun-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pydownspoutrun-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pydownspoutrun-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pydownspoutrun-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pydownspoutrun-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pypondfountainspray { background: radial-gradient(circle at 50% 0, #fff 0 2px, transparent 2.6px), radial-gradient(circle at 36% 18%, #fff 0 1.6px, transparent 2.2px), radial-gradient(circle at 64% 18%, #fff 0 1.6px, transparent 2.2px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 5px 14px 1px; }
.us-pypondfountainspray-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pypondfountainspray-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pypondfountainspray-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pypondfountainspray-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pypondfountainspray-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyhoneypotlid { background: linear-gradient(180deg, var(--dk) 0 6px, transparent 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 14px 14px; padding: 8px 13px 1px; }
.us-pyhoneypotlid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pyhoneypotlid-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pyhoneypotlid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pyhoneypotlid-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pyhoneypotlid-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzhotdogbun { background: linear-gradient(180deg, transparent 0 40%, var(--b) 40% 60%, transparent 60%) 0 0 / 100% 100% no-repeat, linear-gradient(180deg, var(--ol), color-mix(in srgb, var(--o) 82%, var(--ol))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pzhotdogbun-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzhotdogbun-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzhotdogbun-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzhotdogbun-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzhotdogbun-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsoftpretzeltwist { background: radial-gradient(circle at 20% 50%, transparent 0 4px, rgba(255,255,255,0.7) 4.6px 5.6px, transparent 6.2px), radial-gradient(circle at 80% 50%, transparent 0 4px, rgba(255,255,255,0.7) 4.6px 5.6px, transparent 6.2px), linear-gradient(180deg, var(--ol), color-mix(in srgb, var(--o) 82%, var(--ol))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pzsoftpretzeltwist-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzsoftpretzeltwist-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsoftpretzeltwist-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzsoftpretzeltwist-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsoftpretzeltwist-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pznachochip { background: radial-gradient(circle, rgba(0,0,0,0.18) 0 1px, transparent 1.5px) 0 0 / 7px 7px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(50% 0, 100% 100%, 0 100%); border-radius: 0; padding: 7px 1.9em 2px; }
.us-pznachochip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pznachochip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pznachochip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pznachochip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pznachochip-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzfrybasketcone { background: repeating-linear-gradient(90deg, var(--ol) 0 4px, var(--o) 4px 7px) 0 0 / 100% 40% no-repeat, linear-gradient(180deg, transparent 0 0), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 100% 0, 88% 100%, 12% 100%); border-radius: 0; padding: 6px 1.4em 2px; }
.us-pzfrybasketcone-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzfrybasketcone-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzfrybasketcone-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzfrybasketcone-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzfrybasketcone-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcorncobrows { background: radial-gradient(circle at 4px 50%, rgba(0,0,0,0.12) 0 2px, transparent 2.6px) 0 0 / 8px 8px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-pzcorncobrows-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzcorncobrows-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcorncobrows-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzcorncobrows-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcorncobrows-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzburgerstack { background: linear-gradient(180deg, var(--ol) 0 28%, var(--dk) 28% 40%, var(--w) 40% 50%, var(--b) 50% 62%, var(--ol) 62%); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px 999px 8px 8px; padding: 4px 16px 3px; }
.us-pzburgerstack-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzburgerstack-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzburgerstack-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzburgerstack-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzburgerstack-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzpizzaslicewedge { background: radial-gradient(circle at 24% 50%, var(--dk) 0 2px, transparent 2.6px), radial-gradient(circle at 56% 34%, var(--dk) 0 2px, transparent 2.6px), radial-gradient(circle at 70% 72%, var(--dk) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0; clip-path: polygon(0 0, 100% 50%, 0 100%); padding: 2px 2.2em 2px 12px; }
.us-pzpizzaslicewedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzpizzaslicewedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzpizzaslicewedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzpizzaslicewedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzpizzaslicewedge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcorndogstick { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 3px 3px 999px; border-right: 14px solid var(--w); padding: 1px 14px 1px 16px; }
.us-pzcorndogstick-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzcorndogstick-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcorndogstick-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzcorndogstick-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcorndogstick-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpopcornboxstripes { background: radial-gradient(circle at 14% 0, #fff 0 4px, transparent 4.6px), radial-gradient(circle at 44% -1px, #fff 0 5px, transparent 5.6px), radial-gradient(circle at 76% 0, #fff 0 4px, transparent 4.6px), repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px 3px 8px 8px; padding: 7px 13px 1px; }
.us-pzpopcornboxstripes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzpopcornboxstripes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpopcornboxstripes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzpopcornboxstripes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzpopcornboxstripes-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pztacoshellfold { background: radial-gradient(ellipse 100% 100% at 50% 100%, transparent 0 55%, var(--ol) 57%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 4px 16px 1px; }
.us-pztacoshellfold-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pztacoshellfold-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pztacoshellfold-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pztacoshellfold-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pztacoshellfold-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzgrilledskewer { background: linear-gradient(var(--dk), var(--dk)) 0 50% / 100% 2px no-repeat, radial-gradient(ellipse 8px 100% at 20% 50%, var(--o) 0 100%, transparent 101%), radial-gradient(ellipse 8px 100% at 50% 50%, var(--b) 0 100%, transparent 101%), radial-gradient(ellipse 8px 100% at 80% 50%, var(--o) 0 100%, transparent 101%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; padding: 1px 12px; }
.us-pzgrilledskewer-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzgrilledskewer-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzgrilledskewer-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzgrilledskewer-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzgrilledskewer-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzsandwichwedge { background: linear-gradient(180deg, var(--ol) 0 25%, var(--w) 25% 40%, var(--b) 40% 55%, var(--w) 55% 70%, var(--ol) 70%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; clip-path: polygon(0 0, 100% 50%, 0 100%); border-radius: 0; padding: 2px 2.2em 2px 12px; }
.us-pzsandwichwedge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzsandwichwedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzsandwichwedge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzsandwichwedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzsandwichwedge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchipbagcrimp { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 2px, transparent 2px 5px) 0 0 / 100% 7px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 10px 10px; padding: 9px 13px 1px; }
.us-pzchipbagcrimp-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzchipbagcrimp-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchipbagcrimp-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzchipbagcrimp-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzchipbagcrimp-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzwafflefrygrid { background: repeating-linear-gradient(0deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 6px), repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px; }
.us-pzwafflefrygrid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzwafflefrygrid-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzwafflefrygrid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzwafflefrygrid-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzwafflefrygrid-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzeggrollcut { background: radial-gradient(ellipse 5px 8px at 100% 50%, var(--w) 0 100%, transparent 101%), repeating-linear-gradient(100deg, rgba(0,0,0,0.12) 0 2px, transparent 2px 8px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 4px 4px 999px; padding: 1px 16px; }
.us-pzeggrollcut-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzeggrollcut-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzeggrollcut-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzeggrollcut-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzeggrollcut-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzbreadbasketcloth { background: conic-gradient(rgba(255,255,255,0.4) 25%, transparent 0 50%, rgba(255,255,255,0.4) 0 75%, transparent 0) 0 0 / 12px 12px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 14px 14px; padding: 1px 13px; }
.us-pzbreadbasketcloth-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzbreadbasketcloth-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzbreadbasketcloth-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzbreadbasketcloth-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzbreadbasketcloth-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsnowconepaper { background: radial-gradient(ellipse 100% 60% at 50% 0, rgba(255,255,255,0.7), transparent 70%), repeating-linear-gradient(60deg, rgba(255,255,255,0.3) 0 3px, transparent 3px 8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 50% 100%); border-radius: 0; padding: 2px 1.8em 9px; text-align: center; }
.us-pzsnowconepaper-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsnowconepaper-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsnowconepaper-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsnowconepaper-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsnowconepaper-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzmilkshakeglass { background: radial-gradient(ellipse 100% 40% at 50% 0, #fff 0 100%, transparent 101%) 0 0 / 100% 46% no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 6px 6px 14px 14px; padding: 7px 13px 1px; }
.us-pzmilkshakeglass-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzmilkshakeglass-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzmilkshakeglass-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzmilkshakeglass-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzmilkshakeglass-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzsodafloatfoam { background: radial-gradient(circle at 14% 0, #fff 0 5px, transparent 5.6px), radial-gradient(circle at 42% -2px, #fff 0 6px, transparent 6.6px), radial-gradient(circle at 72% 0, #fff 0 5px, transparent 5.6px), radial-gradient(circle at 94% -1px, #fff 0 4px, transparent 4.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 7px 14px 1px; }
.us-pzsodafloatfoam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsodafloatfoam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzsodafloatfoam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsodafloatfoam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzsodafloatfoam-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsundaeboat { background: radial-gradient(ellipse 12px 8px at 22% 0, #fff 0 80%, transparent 84%), radial-gradient(ellipse 12px 8px at 50% -1px, var(--ol) 0 80%, transparent 84%), radial-gradient(ellipse 12px 8px at 78% 0, var(--c) 0 80%, transparent 84%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 999px 999px / 3px 3px 100% 100%; padding: 8px 15px 4px; }
.us-pzsundaeboat-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzsundaeboat-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsundaeboat-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzsundaeboat-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsundaeboat-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpopsiclebite { background: radial-gradient(circle at 100% 0, transparent 0 6px, transparent 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 14px 14px 4px 14px; border-right: 10px solid var(--w); padding: 1px 14px 1px 12px; }
.us-pzpopsiclebite-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzpopsiclebite-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpopsiclebite-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzpopsiclebite-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzpopsiclebite-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzicecreamscoopdrip { background: radial-gradient(ellipse 4px 7px at 20% 100%, var(--ol) 0 100%, transparent 101%), radial-gradient(ellipse 4px 9px at 50% 100%, var(--ol) 0 100%, transparent 101%), radial-gradient(ellipse 4px 6px at 82% 100%, var(--ol) 0 100%, transparent 101%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 3px 15px 8px; }
.us-pzicecreamscoopdrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzicecreamscoopdrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzicecreamscoopdrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzicecreamscoopdrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzicecreamscoopdrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzfrozenyogurtswirl { background: repeating-conic-gradient(from 0deg at 20% 50%, rgba(255,255,255,0.45) 0 14deg, transparent 14deg 28deg), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 10px 10px; padding: 3px 15px 1px; }
.us-pzfrozenyogurtswirl-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzfrozenyogurtswirl-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzfrozenyogurtswirl-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzfrozenyogurtswirl-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzfrozenyogurtswirl-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzicepopduo { background: linear-gradient(90deg, var(--c) 0 50%, var(--o) 50%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 14px; border: 2px solid var(--w); box-shadow: 0 0 0 1px var(--b); padding: 1px 14px; }
.us-pzicepopduo-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzicepopduo-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzicepopduo-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzicepopduo-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzicepopduo-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzslushmachinewindow { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 3px, transparent 3px 12px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 4px solid var(--dk); border-radius: 10px; padding: 0 11px; }
.us-pzslushmachinewindow-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzslushmachinewindow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzslushmachinewindow-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzslushmachinewindow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzslushmachinewindow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzfrostedcuprim { background: radial-gradient(circle, rgba(255,255,255,0.8) 0 0.8px, transparent 1.3px) 0 0 / 5px 5px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 5px solid var(--w); border-radius: 3px 3px 12px 12px; padding: 1px 13px; }
.us-pzfrostedcuprim-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzfrostedcuprim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzfrostedcuprim-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzfrostedcuprim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzfrostedcuprim-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzshavedicemound { background: radial-gradient(ellipse 100% 100% at 50% 100%, rgba(255,255,255,0.85) 0 55%, transparent 56%) 0 0 / 100% 55% no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 6px 16px 1px; }
.us-pzshavedicemound-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzshavedicemound-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzshavedicemound-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzshavedicemound-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzshavedicemound-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzcandyappleglaze { background: radial-gradient(ellipse 4px 10px at 26% 28%, rgba(255,255,255,0.8) 0 100%, transparent 101%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 999px 999px / 70% 70% 90% 90%; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.18); padding: 2px 15px; }
.us-pzcandyappleglaze-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzcandyappleglaze-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcandyappleglaze-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzcandyappleglaze-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzcandyappleglaze-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcottoncandycloud { background: radial-gradient(circle at 20% 40%, rgba(255,255,255,0.7) 0 6px, transparent 7px), radial-gradient(circle at 56% 30%, rgba(255,255,255,0.6) 0 7px, transparent 8px), radial-gradient(circle at 84% 52%, rgba(255,255,255,0.7) 0 6px, transparent 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 2px 16px; }
.us-pzcottoncandycloud-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzcottoncandycloud-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcottoncandycloud-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzcottoncandycloud-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcottoncandycloud-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzfunnelcakeswirl { background: repeating-radial-gradient(circle at 20% 50%, rgba(255,255,255,0.3) 0 2px, transparent 2px 5px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-pzfunnelcakeswirl-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzfunnelcakeswirl-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzfunnelcakeswirl-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzfunnelcakeswirl-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzfunnelcakeswirl-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchurroridges { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.16) 0 2px, transparent 2px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-pzchurroridges-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzchurroridges-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchurroridges-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzchurroridges-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzchurroridges-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzwaffleconelattice { background: repeating-linear-gradient(45deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 50% 100%); border-radius: 0; padding: 2px 1.9em 9px; text-align: center; }
.us-pzwaffleconelattice-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzwaffleconelattice-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzwaffleconelattice-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzwaffleconelattice-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzwaffleconelattice-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzlemonwheel { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--ol) 0 20deg, var(--w) 20deg 40deg), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 3px solid var(--o); border-radius: 999px; padding: 1px 15px; }
.us-pzlemonwheel-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzlemonwheel-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzlemonwheel-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzlemonwheel-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzlemonwheel-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzorangeslicefan { background: repeating-conic-gradient(from -90deg at 50% 100%, var(--o) 0 14deg, var(--ol) 14deg 28deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 999px 3px 3px; padding: 4px 16px 1px; }
.us-pzorangeslicefan-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzorangeslicefan-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzorangeslicefan-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzorangeslicefan-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzorangeslicefan-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcherrystempair { background: radial-gradient(circle at 10px 70%, var(--o) 0 5px, transparent 5.6px), radial-gradient(circle at 24px 76%, var(--o) 0 5px, transparent 5.6px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 38px; }
.us-pzcherrystempair-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzcherrystempair-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcherrystempair-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzcherrystempair-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcherrystempair-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzbendystrawbend { background: repeating-linear-gradient(135deg, var(--o) 0 4px, var(--w) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 4px 999px 4px; padding: 1px 16px; }
.us-pzbendystrawbend-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzbendystrawbend-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzbendystrawbend-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzbendystrawbend-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzbendystrawbend-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcupliddome { background: radial-gradient(ellipse 100% 100% at 50% 100%, rgba(255,255,255,0.5), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 3px 3px; border-bottom: 4px solid var(--w); padding: 4px 16px 1px; }
.us-pzcupliddome-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzcupliddome-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcupliddome-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzcupliddome-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzcupliddome-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcocktailpickflag { background: linear-gradient(135deg, var(--o) 0 50%, transparent 50%) 0 0 / 16px 100% no-repeat, linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.86) 4% 96%, transparent); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 1px 12px 1px 22px; }
.us-pzcocktailpickflag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzcocktailpickflag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcocktailpickflag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzcocktailpickflag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcocktailpickflag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzsodafountainnozzle { background: radial-gradient(circle at 50% 100%, var(--dk) 0 4px, transparent 4.6px), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 12px 4px 4px; padding: 1px 14px 7px; }
.us-pzsodafountainnozzle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsodafountainnozzle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzsodafountainnozzle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsodafountainnozzle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzsodafountainnozzle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzfizzytonic { background: radial-gradient(circle at 20% 70%, rgba(255,255,255,0.8) 0 1.3px, transparent 2px), radial-gradient(circle at 54% 34%, rgba(255,255,255,0.8) 0 1.5px, transparent 2.2px), radial-gradient(circle at 82% 76%, rgba(255,255,255,0.8) 0 1.3px, transparent 2px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 1px 13px; }
.us-pzfizzytonic-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzfizzytonic-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzfizzytonic-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzfizzytonic-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzfizzytonic-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsparklingsodapop { background: radial-gradient(circle at 20% 70%, rgba(255,255,255,0.8) 0 1.3px, transparent 2px), radial-gradient(circle at 54% 34%, rgba(255,255,255,0.8) 0 1.5px, transparent 2.2px), radial-gradient(circle at 82% 76%, rgba(255,255,255,0.8) 0 1.3px, transparent 2px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 1px 13px; }
.us-pzsparklingsodapop-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsparklingsodapop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsparklingsodapop-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsparklingsodapop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsparklingsodapop-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzlayeredpunch { background: linear-gradient(180deg, var(--ol) 0 33%, var(--o) 33% 66%, var(--b) 66%); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px 3px 14px 14px; padding: 1px 13px; }
.us-pzlayeredpunch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzlayeredpunch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzlayeredpunch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzlayeredpunch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzlayeredpunch-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzbluecuracaorim { background: radial-gradient(circle, rgba(255,255,255,0.85) 0 0.8px, transparent 1.3px) 0 0 / 5px 4px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 4px solid var(--w); border-radius: 3px 3px 12px 12px; padding: 1px 13px; }
.us-pzbluecuracaorim-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzbluecuracaorim-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzbluecuracaorim-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzbluecuracaorim-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzbluecuracaorim-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzicedteaglass { background: linear-gradient(180deg, rgba(255,255,255,0.45) 0 14%, transparent 14%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid rgba(255,255,255,0.85); border-radius: 3px 3px 14px 14px; padding: 1px 13px; }
.us-pzicedteaglass-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzicedteaglass-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzicedteaglass-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzicedteaglass-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzicedteaglass-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzjuiceboxstraw { background: linear-gradient(180deg, var(--o) 0 5px, transparent 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 7px 13px 1px; }
.us-pzjuiceboxstraw-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzjuiceboxstraw-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzjuiceboxstraw-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzjuiceboxstraw-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzjuiceboxstraw-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzsmoothiecupstripe { background: linear-gradient(180deg, transparent 0 0), repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 4px, transparent 4px 12px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 14px 14px; padding: 1px 13px; }
.us-pzsmoothiecupstripe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzsmoothiecupstripe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzsmoothiecupstripe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzsmoothiecupstripe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzsmoothiecupstripe-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzwaterpitcherhandle { background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 15%, transparent 15%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; border-right: 8px solid var(--w); padding: 1px 14px 1px 12px; }
.us-pzwaterpitcherhandle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzwaterpitcherhandle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzwaterpitcherhandle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzwaterpitcherhandle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzwaterpitcherhandle-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzcoconutwaterstraw { background: radial-gradient(ellipse 100% 70% at 50% 0, #fff 0 100%, transparent 101%) 0 0 / 100% 45% no-repeat, linear-gradient(180deg, var(--ol), color-mix(in srgb, var(--o) 82%, var(--ol))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 999px 999px; padding: 3px 16px 1px; }
.us-pzcoconutwaterstraw-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzcoconutwaterstraw-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzcoconutwaterstraw-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzcoconutwaterstraw-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzcoconutwaterstraw-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzicecubetray { background: linear-gradient(rgba(255,255,255,0.7) 2px, transparent 2px) 0 0 / 100% 50%, linear-gradient(90deg, rgba(255,255,255,0.7) 2px, transparent 2px) 0 0 / 25% 100%, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border: 3px solid var(--w); border-radius: 4px; padding: 0 11px; }
.us-pzicecubetray-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzicecubetray-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzicecubetray-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzicecubetray-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzicecubetray-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzmenuboardchalk { background: linear-gradient(180deg, var(--b), var(--dk)); color: var(--w); font-weight: 800; border: 4px solid var(--ol); border-radius: 3px; padding: 0 10px; text-shadow: 0 0 1px #fff; }
.us-pzmenuboardchalk-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzmenuboardchalk-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzmenuboardchalk-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzmenuboardchalk-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzmenuboardchalk-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpricetagtie { background: radial-gradient(circle at 9px 50%, #fff 0 3px, var(--dk) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(14px 0, 100% 0, 100% 100%, 14px 100%, 0 50%); border-radius: 0; padding: 1px 12px 1px 26px; }
.us-pzpricetagtie-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzpricetagtie-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpricetagtie-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzpricetagtie-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzpricetagtie-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzorderticketperf { background: radial-gradient(circle at 0 50%, transparent 0 5px, #fff 5.4px) left / 52% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 5px, #fff 5.4px) right / 52% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 2px dashed var(--o); border-bottom: 2px dashed var(--o); padding: 0 14px; }
.us-pzorderticketperf-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzorderticketperf-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzorderticketperf-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzorderticketperf-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzorderticketperf-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzservingtrayrim { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--c); border-radius: 12px; box-shadow: inset 0 0 0 2px #fff; padding: 0 12px; }
.us-pzservingtrayrim-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzservingtrayrim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzservingtrayrim-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzservingtrayrim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzservingtrayrim-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pznapkindispenser { background: repeating-linear-gradient(180deg, #ffffff 0 3px, color-mix(in srgb, var(--w) 70%, var(--c)) 3px 4px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 3px; padding: 0 11px; }
.us-pznapkindispenser-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pznapkindispenser-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pznapkindispenser-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pznapkindispenser-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pznapkindispenser-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcounterstoolseat { background: radial-gradient(ellipse 100% 40% at 50% 0, var(--o) 0 100%, transparent 101%), linear-gradient(90deg, transparent 0 44%, var(--dk) 44% 56%, transparent 56%) 0 100% / 100% 45% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; padding: 4px 16px 6px; }
.us-pzcounterstoolseat-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzcounterstoolseat-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcounterstoolseat-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzcounterstoolseat-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzcounterstoolseat-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzorderwindowawning { background: repeating-linear-gradient(90deg, var(--o) 0 9px, var(--w) 9px 18px) 0 0 / 100% 9px no-repeat, radial-gradient(circle at 9px 9px, var(--o) 0 9px, transparent 9.6px) 0 0 / 18px 100% no-repeat, #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 0 0 4px 4px; padding: 11px 13px 1px; }
.us-pzorderwindowawning-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzorderwindowawning-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzorderwindowawning-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzorderwindowawning-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzorderwindowawning-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzspecialboardbanner { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, calc(100% - 0.6em) 50%, 100% 100%, 0 100%, 0.6em 50%); border-radius: 0; padding: 2px 1.4em; }
.us-pzspecialboardbanner-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzspecialboardbanner-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzspecialboardbanner-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzspecialboardbanner-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzspecialboardbanner-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzreceipttape { background: radial-gradient(circle at 4px 100%, transparent 0 3px, #fff 3.6px) 0 100% / 8px 4px repeat-x, #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 1px dashed var(--c); border-right: 1px dashed var(--c); padding: 1px 12px 5px; }
.us-pzreceipttape-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzreceipttape-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzreceipttape-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzreceipttape-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzreceipttape-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzloyaltypunchcard { background: radial-gradient(circle, transparent 0 2px, var(--c) 2.6px 3.4px, transparent 4px) 0 100% / 12px 12px repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 0 12px 11px; }
.us-pzloyaltypunchcard-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzloyaltypunchcard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzloyaltypunchcard-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzloyaltypunchcard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzloyaltypunchcard-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzdailyspecialtab { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--o); border-bottom: 0; border-radius: 10px 10px 0 0; padding: 3px 13px 0; }
.us-pzdailyspecialtab-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzdailyspecialtab-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzdailyspecialtab-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzdailyspecialtab-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzdailyspecialtab-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcombomealbadge { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--w); border-radius: 40% / 50%; box-shadow: 0 0 0 1px var(--o); padding: 1px 16px; }
.us-pzcombomealbadge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzcombomealbadge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzcombomealbadge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzcombomealbadge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzcombomealbadge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcashdrawerslot { background: linear-gradient(180deg, var(--dk) 0 4px, transparent 4px), linear-gradient(180deg, color-mix(in srgb, var(--w) 88%, var(--c)), color-mix(in srgb, var(--b) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 3px; padding: 6px 12px 1px; }
.us-pzcashdrawerslot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzcashdrawerslot-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzcashdrawerslot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzcashdrawerslot-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzcashdrawerslot-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pztipjarlid { background: linear-gradient(180deg, var(--o) 0 8px, transparent 8px), linear-gradient(180deg, rgba(255,255,255,0.55) 0 16%, transparent 16%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; padding: 10px 13px 1px; }
.us-pztipjarlid-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pztipjarlid-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pztipjarlid-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pztipjarlid-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pztipjarlid-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzsundaescript { background: none; color: var(--o); font-family: "Snell Roundhand", "Brush Script MT", cursive; font-weight: 700; font-size: 1.15em; text-shadow: 1px 1px 0 var(--w), 2px 2px 0 color-mix(in srgb, var(--b) 35%, transparent); }
.us-pzsundaescript-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzsundaescript-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzsundaescript-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzsundaescript-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzsundaescript-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsodapoptext { background: none; color: var(--w); -webkit-text-stroke: 1px var(--b); font-weight: 900; text-shadow: 2px 2px 0 var(--c), 4px 4px 0 var(--b); }
.us-pzsodapoptext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsodapoptext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzsodapoptext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsodapoptext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzsodapoptext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzfrostingtext { background: linear-gradient(180deg, #ffffff, var(--w)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(1px 2px 0 var(--o)); padding: 0 2px; }
.us-pzfrostingtext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzfrostingtext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzfrostingtext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzfrostingtext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzfrostingtext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzsyrupdriptext { background: radial-gradient(ellipse 3px 6px at 20% 100%, var(--o) 0 100%, transparent 101%), radial-gradient(ellipse 3px 8px at 60% 100%, var(--o) 0 100%, transparent 101%) ; color: var(--b); font-weight: 900; border-radius: 0; padding: 0 3px 7px; }
.us-pzsyrupdriptext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsyrupdriptext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzsyrupdriptext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsyrupdriptext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzsyrupdriptext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzorderuppill { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: 0 3px 0 var(--dk); padding: 1px 15px; }
.us-pzorderuppill-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzorderuppill-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzorderuppill-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzorderuppill-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzorderuppill-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzmenuitemrow { background: radial-gradient(circle, var(--c) 0 1px, transparent 1.5px) 0 100% / 6px 3px repeat-x; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 0; padding: 0 3px 4px; }
.us-pzmenuitemrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzmenuitemrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzmenuitemrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzmenuitemrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzmenuitemrow-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzkitchentimerdial { background: repeating-conic-gradient(rgba(0,0,0,0.28) 0 3deg, transparent 3deg 30deg), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--o); border-radius: 999px; padding: 1px 16px; }
.us-pzkitchentimerdial-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzkitchentimerdial-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzkitchentimerdial-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzkitchentimerdial-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzkitchentimerdial-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzallergydotbadge { background: radial-gradient(circle at 10px 50%, var(--o) 0 4px, transparent 4.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 999px; padding: 0 12px 0 24px; }
.us-pzallergydotbadge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzallergydotbadge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzallergydotbadge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzallergydotbadge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzallergydotbadge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzsnackcountdigits { background: linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, var(--dk)), var(--dk)); color: var(--ol); font-family: ui-monospace, Menlo, monospace; font-weight: 800; letter-spacing: 0.1em; border: 2px solid var(--o); border-radius: 4px; padding: 0 10px; text-shadow: 0 0 5px var(--o); }
.us-pzsnackcountdigits-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzsnackcountdigits-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzsnackcountdigits-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzsnackcountdigits-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzsnackcountdigits-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchefhatband { background: linear-gradient(180deg, #ffffff, var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-bottom: 5px solid var(--c); border-radius: 12px 12px 3px 3px; padding: 3px 14px 1px; }
.us-pzchefhatband-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzchefhatband-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchefhatband-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzchefhatband-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzchefhatband-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzpantrylabel { background: linear-gradient(180deg, var(--o) 0 6px, transparent 6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 2px; padding: 8px 12px 1px; }
.us-pzpantrylabel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzpantrylabel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzpantrylabel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzpantrylabel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzpantrylabel-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzdessertforktine { background: repeating-linear-gradient(90deg, var(--c) 0 3px, transparent 3px 7px) 0 0 / 100% 7px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 9px 13px 1px; }
.us-pzdessertforktine-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzdessertforktine-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzdessertforktine-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzdessertforktine-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzdessertforktine-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pztraynumbertent { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 100%, 12% 0, 88% 0, 100% 100%); border-radius: 0; padding: 3px 1.5em 1px; }
.us-pztraynumbertent-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pztraynumbertent-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pztraynumbertent-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pztraynumbertent-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pztraynumbertent-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzfreshsqueezedseal { background: radial-gradient(circle, #ffffff 0 22%, transparent 23%), repeating-conic-gradient(var(--o) 0 12deg, var(--ol) 12deg 24deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: 0 0 0 2px var(--dk); padding: 2px 15px; }
.us-pzfreshsqueezedseal-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzfreshsqueezedseal-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzfreshsqueezedseal-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzfreshsqueezedseal-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzfreshsqueezedseal-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzcoldtab { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-bottom: 0; border-radius: 10px 10px 0 0; padding: 3px 13px 0; }
.us-pzcoldtab-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzcoldtab-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzcoldtab-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzcoldtab-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzcoldtab-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzhottab { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-bottom: 0; border-radius: 10px 10px 0 0; padding: 3px 13px 0; }
.us-pzhottab-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzhottab-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzhottab-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzhottab-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzhottab-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzberryskewer { background: linear-gradient(var(--dk), var(--dk)) 0 50% / 100% 2px no-repeat, radial-gradient(circle at 22% 50%, var(--b) 0 5px, transparent 5.6px), radial-gradient(circle at 50% 50%, var(--o) 0 5px, transparent 5.6px), radial-gradient(circle at 78% 50%, var(--c) 0 5px, transparent 5.6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; padding: 2px 14px; }
.us-pzberryskewer-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzberryskewer-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzberryskewer-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzberryskewer-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzberryskewer-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzwatermelonrind { background: radial-gradient(circle at 18% 50%, var(--dk) 0 1.6px, transparent 2.2px), radial-gradient(circle at 46% 40%, var(--dk) 0 1.6px, transparent 2.2px), radial-gradient(circle at 74% 56%, var(--dk) 0 1.6px, transparent 2.2px), linear-gradient(180deg, var(--o) 0 70%, #fff 70% 80%, var(--c) 80%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 999px 999px / 3px 3px 100% 100%; padding: 1px 15px 5px; }
.us-pzwatermelonrind-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzwatermelonrind-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzwatermelonrind-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzwatermelonrind-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzwatermelonrind-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzpineapplecrown { background: repeating-conic-gradient(from -45deg at 50% 100%, var(--c) 0 12deg, var(--b) 12deg 24deg) 0 0 / 100% 40% no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 8px 14px 1px; }
.us-pzpineapplecrown-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzpineapplecrown-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzpineapplecrown-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzpineapplecrown-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzpineapplecrown-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzbananasplitdish { background: radial-gradient(ellipse 100% 100% at 50% 100%, transparent 0 0), linear-gradient(180deg, var(--w) 0 30%, var(--ol) 30%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 999px 999px / 3px 3px 100% 100%; padding: 1px 16px 5px; }
.us-pzbananasplitdish-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzbananasplitdish-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzbananasplitdish-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzbananasplitdish-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzbananasplitdish-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzlollipopspiral { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--o) 0 18deg, var(--w) 18deg 36deg) 0 50% / 28px 28px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-pzlollipopspiral-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzlollipopspiral-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzlollipopspiral-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzlollipopspiral-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzlollipopspiral-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzgummyring { background: radial-gradient(circle at 14px 50%, transparent 0 4px, var(--o) 4.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-pzgummyring-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzgummyring-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzgummyring-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzgummyring-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzgummyring-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzpoprockspack { background: radial-gradient(circle, rgba(255,255,255,0.8) 0 0.9px, transparent 1.4px) 0 0 / 5px 5px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 12%, 6% 0, 94% 0, 100% 12%, 100% 88%, 94% 100%, 6% 100%, 0 88%); border-radius: 0; padding: 4px 14px; }
.us-pzpoprockspack-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzpoprockspack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzpoprockspack-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzpoprockspack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzpoprockspack-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzsprinkledust { background: linear-gradient(90deg, var(--o) 0 5px, transparent 5px) 12% 30% / 6px 2px no-repeat, linear-gradient(90deg, var(--c) 0 5px, transparent 5px) 36% 70% / 6px 2px no-repeat, linear-gradient(90deg, var(--b) 0 5px, transparent 5px) 62% 26% / 6px 2px no-repeat, linear-gradient(90deg, var(--o) 0 5px, transparent 5px) 86% 66% / 6px 2px no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 14px; }
.us-pzsprinkledust-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzsprinkledust-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzsprinkledust-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzsprinkledust-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzsprinkledust-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzchocolatedipedge { background: radial-gradient(ellipse 6px 8px at 14% 0, var(--dk) 0 100%, transparent 101%), radial-gradient(ellipse 6px 10px at 48% 0, var(--dk) 0 100%, transparent 101%), radial-gradient(ellipse 6px 7px at 82% 0, var(--dk) 0 100%, transparent 101%), linear-gradient(180deg, var(--dk) 0 5px, transparent 5px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 9px 14px 1px; }
.us-pzchocolatedipedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzchocolatedipedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pzchocolatedipedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzchocolatedipedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pzchocolatedipedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzwhippedcreampeak { background: radial-gradient(ellipse 12px 9px at 50% 0, #fff 0 80%, transparent 84%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 8px 15px 1px; }
.us-pzwhippedcreampeak-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pzwhippedcreampeak-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pzwhippedcreampeak-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pzwhippedcreampeak-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pzwhippedcreampeak-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzpuddingcupfoil { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 2px, transparent 2px 5px) 0 0 / 100% 6px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; padding: 8px 13px 1px; }
.us-pzpuddingcupfoil-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pzpuddingcupfoil-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pzpuddingcupfoil-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pzpuddingcupfoil-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pzpuddingcupfoil-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqadmitticketperf { background: radial-gradient(circle at 0 50%, transparent 0 5px, #fff 5.4px) left / 52% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 5px, #fff 5.4px) right / 52% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--c); border-bottom: 3px solid var(--c); padding: 0 14px; }
.us-pqadmitticketperf-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqadmitticketperf-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqadmitticketperf-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqadmitticketperf-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqadmitticketperf-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqrafflestub { background: repeating-linear-gradient(0deg, var(--o) 0 4px, transparent 4px 8px) 0 0 / 3px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px dashed var(--o); border-left: 0; border-radius: 0 3px 3px 0; padding: 0 12px 0 14px; }
.us-pqrafflestub-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqrafflestub-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqrafflestub-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqrafflestub-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqrafflestub-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqcoatchecktag { background: radial-gradient(circle at 9px 50%, #fff 0 3px, var(--dk) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px 14px 14px 3px; padding: 0 13px 0 24px; }
.us-pqcoatchecktag-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqcoatchecktag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqcoatchecktag-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqcoatchecktag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcoatchecktag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlanyardbadge { background: radial-gradient(ellipse 7px 3px at 50% 5px, var(--dk) 0 100%, transparent 101%), linear-gradient(180deg, var(--c) 0 8px, transparent 8px), #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 6px; padding: 10px 12px 1px; }
.us-pqlanyardbadge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqlanyardbadge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqlanyardbadge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqlanyardbadge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlanyardbadge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqlostandfoundtag { background: radial-gradient(circle at 9px 50%, #fff 0 3px, var(--dk) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(14px 0, 100% 0, 100% 100%, 14px 100%, 0 50%); border-radius: 0; padding: 1px 12px 1px 26px; }
.us-pqlostandfoundtag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqlostandfoundtag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqlostandfoundtag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqlostandfoundtag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqlostandfoundtag-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqsigninsheet { background: repeating-linear-gradient(180deg, transparent 0 1.25em, rgba(30,120,200,0.28) 1.25em calc(1.25em + 1px)), linear-gradient(90deg, var(--b) 0 3px, transparent 3px 26px, rgba(30,120,200,0.3) 26px 27px, transparent 27px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 0 12px 0 32px; }
.us-pqsigninsheet-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqsigninsheet-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqsigninsheet-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqsigninsheet-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqsigninsheet-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqpunchcardholes { background: radial-gradient(circle, transparent 0 2px, var(--o) 2.6px 3.4px, transparent 4px) 0 100% / 12px 12px repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 3px; padding: 0 12px 11px; }
.us-pqpunchcardholes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqpunchcardholes-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqpunchcardholes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqpunchcardholes-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqpunchcardholes-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqstampcardgrid { background: linear-gradient(var(--c) 1px, transparent 1px) 0 0 / 100% 50%, linear-gradient(90deg, var(--c) 1px, transparent 1px) 0 0 / 20% 100%, #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 3px; padding: 0 11px; }
.us-pqstampcardgrid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqstampcardgrid-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqstampcardgrid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqstampcardgrid-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqstampcardgrid-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqgiftcardstripe { background: linear-gradient(180deg, transparent 0 62%, rgba(255,255,255,0.5) 62% 70%, transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.35); padding: 1px 14px; }
.us-pqgiftcardstripe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqgiftcardstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqgiftcardstripe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqgiftcardstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqgiftcardstripe-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqdaypassstrap { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 9px dotted var(--w); border-radius: 3px; padding: 1px 12px; }
.us-pqdaypassstrap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqdaypassstrap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqdaypassstrap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqdaypassstrap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqdaypassstrap-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqfamilypassfold { background: linear-gradient(90deg, transparent 0 49%, rgba(0,0,0,0.18) 49% 51%, transparent 51%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 14px; }
.us-pqfamilypassfold-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqfamilypassfold-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqfamilypassfold-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqfamilypassfold-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqfamilypassfold-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqguestpasscorner { background: linear-gradient(135deg, var(--o) 0 14px, transparent 14px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 0 12px 0 20px; }
.us-pqguestpasscorner-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqguestpasscorner-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqguestpasscorner-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqguestpasscorner-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqguestpasscorner-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqseasonpassseal { background: radial-gradient(circle, #fff 0 22%, transparent 23%), repeating-conic-gradient(var(--o) 0 12deg, var(--ol) 12deg 24deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: 0 0 0 2px var(--dk); padding: 2px 15px; }
.us-pqseasonpassseal-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqseasonpassseal-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqseasonpassseal-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqseasonpassseal-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqseasonpassseal-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqlockercombodial { background: repeating-conic-gradient(rgba(0,0,0,0.3) 0 3deg, transparent 3deg 24deg), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--b); border-radius: 999px; padding: 1px 16px; }
.us-pqlockercombodial-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqlockercombodial-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqlockercombodial-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqlockercombodial-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqlockercombodial-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqvaultkeytag { background: radial-gradient(circle at 12px 50%, transparent 0 4px, var(--dk) 4.6px 7px, transparent 7.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 12px 1px 28px; }
.us-pqvaultkeytag-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqvaultkeytag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqvaultkeytag-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqvaultkeytag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqvaultkeytag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqziptietag { background: linear-gradient(90deg, var(--dk) 0 18px, transparent 18px) 0 50% / 100% 3px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 1px 12px 1px 24px; }
.us-pqziptietag-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqziptietag-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqziptietag-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqziptietag-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqziptietag-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqluggagestraptag { background: linear-gradient(90deg, var(--o) 0 6px, transparent 6px calc(100% - 6px), var(--o) calc(100% - 6px)), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 2px solid var(--o); border-bottom: 2px solid var(--o); padding: 0 14px; }
.us-pqluggagestraptag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqluggagestraptag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqluggagestraptag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqluggagestraptag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqluggagestraptag-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqbookmarkribbon { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%); border-radius: 0; padding: 2px 1.2em 9px; }
.us-pqbookmarkribbon-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqbookmarkribbon-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqbookmarkribbon-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqbookmarkribbon-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqbookmarkribbon-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqstickyflag { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, calc(100% - 0.6em) 50%, 100% 100%, 0 100%); border-radius: 0; padding: 1px 1.4em 1px 12px; }
.us-pqstickyflag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqstickyflag-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqstickyflag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqstickyflag-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqstickyflag-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqindextab { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-bottom: 0; border-radius: 10px 10px 0 0; box-shadow: inset 0 3px 0 var(--o); padding: 4px 13px 0; }
.us-pqindextab-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqindextab-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqindextab-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqindextab-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqindextab-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqfoldertabedge { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px 10px 0 0; border-bottom: 3px solid var(--dk); padding: 3px 14px 0; }
.us-pqfoldertabedge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqfoldertabedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqfoldertabedge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqfoldertabedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqfoldertabedge-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlabelmakerstrip { background: linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--b) 40%, var(--dk))); color: #fff; font-weight: 800; letter-spacing: 0.06em; border-radius: 2px; padding: 0 9px; text-shadow: none; }
.us-pqlabelmakerstrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqlabelmakerstrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqlabelmakerstrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqlabelmakerstrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlabelmakerstrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqbarcodestrip { background: repeating-linear-gradient(90deg, var(--dk) 0 2px, #fff 2px 4px, var(--dk) 4px 5px, #fff 5px 9px) 0 100% / 100% 6px no-repeat, #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 0 11px 8px; }
.us-pqbarcodestrip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqbarcodestrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqbarcodestrip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqbarcodestrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqbarcodestrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcornermarkframe { background: linear-gradient(var(--c), var(--c)) 0 0 / 9px 2px no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / 2px 9px no-repeat, linear-gradient(var(--o), var(--o)) 100% 0 / 9px 2px no-repeat, linear-gradient(var(--o), var(--o)) 100% 0 / 2px 9px no-repeat, linear-gradient(var(--o), var(--o)) 0 100% / 9px 2px no-repeat, linear-gradient(var(--o), var(--o)) 0 100% / 2px 9px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 9px 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 2px 9px no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 0; padding: 3px 11px; }
.us-pqcornermarkframe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqcornermarkframe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqcornermarkframe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqcornermarkframe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcornermarkframe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqledgerline { background: repeating-linear-gradient(90deg, transparent 0 38px, rgba(30,120,200,0.3) 38px 39px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-bottom: 2px double var(--b); border-radius: 2px; padding: 0 12px; }
.us-pqledgerline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqledgerline-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqledgerline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqledgerline-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqledgerline-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqinvoiceheader { background: linear-gradient(180deg, var(--b) 0 7px, transparent 7px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 9px 12px 1px; }
.us-pqinvoiceheader-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqinvoiceheader-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqinvoiceheader-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqinvoiceheader-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqinvoiceheader-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqtimesheetrow { background: linear-gradient(90deg, var(--c) 0 3px, transparent 3px) 0 0 / 100% 100% no-repeat, repeating-linear-gradient(90deg, transparent 0 30px, rgba(30,120,200,0.25) 30px 31px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 0 12px 0 10px; }
.us-pqtimesheetrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqtimesheetrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqtimesheetrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqtimesheetrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqtimesheetrow-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqshiftcardslot { background: linear-gradient(180deg, rgba(0,0,0,0.12) 0 4px, transparent 4px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 4px; padding: 6px 12px 1px; }
.us-pqshiftcardslot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqshiftcardslot-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqshiftcardslot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqshiftcardslot-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqshiftcardslot-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqrosterclip { background: linear-gradient(180deg, var(--dk) 0 6px, transparent 6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px 2px 6px 6px; padding: 8px 12px 1px; }
.us-pqrosterclip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqrosterclip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqrosterclip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqrosterclip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqrosterclip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcalendarpagetop { background: radial-gradient(circle at 18% 6px, var(--dk) 0 2px, transparent 2.6px), radial-gradient(circle at 82% 6px, var(--dk) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--o) 0 10px, transparent 10px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 12px 13px 1px; }
.us-pqcalendarpagetop-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqcalendarpagetop-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqcalendarpagetop-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqcalendarpagetop-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcalendarpagetop-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqpartyinvitefold { background: linear-gradient(135deg, var(--o) 0 12px, transparent 12px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--o); border-radius: 3px 12px 3px 12px; padding: 0 12px; }
.us-pqpartyinvitefold-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqpartyinvitefold-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqpartyinvitefold-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqpartyinvitefold-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqpartyinvitefold-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqthankyounote { background: linear-gradient(90deg, var(--ol) 0 4px, transparent 4px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--b); font-style: italic; font-weight: 700; border: 1px solid var(--ol); border-radius: 2px; padding: 0 12px 0 12px; }
.us-pqthankyounote-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqthankyounote-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqthankyounote-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqthankyounote-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqthankyounote-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqenvelopeflap { background: linear-gradient(180deg, var(--ol) 0 14px, transparent 14px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 50% 14px, 100% 0, 100% 100%, 0 100%); border-radius: 0; padding: 16px 14px 1px; }
.us-pqenvelopeflap-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqenvelopeflap-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqenvelopeflap-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqenvelopeflap-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqenvelopeflap-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqpostageperfedge { background: radial-gradient(circle at 5px 0, transparent 0 2.4px, #fff 2.8px) 0 0 / 10px 100% repeat-x, #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--c); margin: 0 6px; padding: 1px 10px; }
.us-pqpostageperfedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqpostageperfedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqpostageperfedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqpostageperfedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqpostageperfedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqhandstampsmudge { background: radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--o) 40%, transparent), transparent 70%); color: var(--b); font-weight: 900; border: 2px solid color-mix(in srgb, var(--o) 70%, transparent); border-radius: 12px; padding: 0 12px; }
.us-pqhandstampsmudge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqhandstampsmudge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqhandstampsmudge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqhandstampsmudge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqhandstampsmudge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcertificateborder { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 4px double var(--o); border-radius: 3px; box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--ol); padding: 0 11px; }
.us-pqcertificateborder-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqcertificateborder-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqcertificateborder-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqcertificateborder-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqcertificateborder-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqawardrosettetail { background: radial-gradient(circle at 50% 38%, #fff 0 18%, var(--o) 19% 40%, var(--ol) 41% 60%, transparent 61%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 2px 16px; }
.us-pqawardrosettetail-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqawardrosettetail-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqawardrosettetail-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqawardrosettetail-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqawardrosettetail-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqreportcardgrid { background: linear-gradient(var(--c) 1px, transparent 1px) 0 0 / 100% 33%, linear-gradient(90deg, var(--c) 1px, transparent 1px) 0 0 / 25% 100%, #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 3px; padding: 0 11px; }
.us-pqreportcardgrid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqreportcardgrid-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqreportcardgrid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqreportcardgrid-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqreportcardgrid-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqswimtestcard { background: linear-gradient(180deg, var(--c) 0 9px, transparent 9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 6px; padding: 11px 12px 1px; }
.us-pqswimtestcard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqswimtestcard-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqswimtestcard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqswimtestcard-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqswimtestcard-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlevelbadgepatch { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px dashed var(--w); border-radius: 12px; box-shadow: 0 0 0 2px var(--b); padding: 0 11px; }
.us-pqlevelbadgepatch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqlevelbadgepatch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqlevelbadgepatch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqlevelbadgepatch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlevelbadgepatch-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqlessonschedulechar { background: repeating-linear-gradient(90deg, transparent 0 32px, rgba(30,120,200,0.25) 32px 33px), repeating-linear-gradient(180deg, transparent 0 1.2em, rgba(30,120,200,0.25) 1.2em calc(1.2em + 1px)), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 0 12px; }
.us-pqlessonschedulechar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqlessonschedulechar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqlessonschedulechar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqlessonschedulechar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqlessonschedulechar-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpoolrulescard { background: linear-gradient(180deg, var(--o) 0 8px, transparent 8px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--o); border-radius: 6px; padding: 10px 12px 1px; }
.us-pqpoolrulescard-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqpoolrulescard-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqpoolrulescard-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqpoolrulescard-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpoolrulescard-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqclassrollcheck { background: radial-gradient(circle at 10px 50%, transparent 0 4px, var(--c) 4.6px 6px, transparent 6.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 0 12px 0 26px; }
.us-pqclassrollcheck-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqclassrollcheck-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqclassrollcheck-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqclassrollcheck-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqclassrollcheck-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqparentpickupsign { background: linear-gradient(180deg, var(--o) 0 40%, #fff 40%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--dk); border-radius: 6px; padding: 0 12px; }
.us-pqparentpickupsign-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqparentpickupsign-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqparentpickupsign-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqparentpickupsign-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqparentpickupsign-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqwaiverline { background: repeating-linear-gradient(180deg, transparent 0 1.3em, rgba(30,60,120,0.3) 1.3em calc(1.3em + 1px)), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 3px double var(--o); border-radius: 1px; padding: 0 12px; }
.us-pqwaiverline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqwaiverline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqwaiverline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqwaiverline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqwaiverline-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqtearawaywristband { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 5px) 0 100% / 18px 5px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 12px 5px 22px; }
.us-pqtearawaywristband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqtearawaywristband-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqtearawaywristband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqtearawaywristband-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqtearawaywristband-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqwaterparkband { background: repeating-linear-gradient(135deg, rgba(255,255,255,0.3) 0 4px, transparent 4px 8px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-left: 8px solid var(--dk); border-right: 8px solid var(--dk); border-radius: 2px; padding: 0 8px; }
.us-pqwaterparkband-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqwaterparkband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqwaterparkband-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqwaterparkband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqwaterparkband-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqeventbandwave { background: radial-gradient(circle at 6px 0, #fff 0 3px, transparent 3.6px) 0 0 / 12px 6px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 6px 13px 1px; }
.us-pqeventbandwave-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqeventbandwave-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqeventbandwave-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqeventbandwave-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqeventbandwave-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqvipbandfoil { background: linear-gradient(115deg, rgba(255,255,255,0.7) 0 14%, transparent 14% 30%, rgba(255,255,255,0.4) 30% 36%, transparent 36%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 3px; padding: 0 12px; }
.us-pqvipbandfoil-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqvipbandfoil-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqvipbandfoil-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqvipbandfoil-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqvipbandfoil-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqkidsbanddots { background: radial-gradient(circle, rgba(255,255,255,0.6) 0 2px, transparent 2.6px) 0 0 / 10px 10px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; }
.us-pqkidsbanddots-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqkidsbanddots-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqkidsbanddots-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqkidsbanddots-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqkidsbanddots-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqdivestickerround { background: radial-gradient(circle at 28% 26%, rgba(255,255,255,0.6) 0 18%, transparent 19%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid #fff; border-radius: 999px; box-shadow: 0 0 0 1px var(--b), 1px 2px 2px rgba(0,0,0,0.3); padding: 0 14px; }
.us-pqdivestickerround-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqdivestickerround-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqdivestickerround-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqdivestickerround-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqdivestickerround-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqsplashstickerburst { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(50% 0, 60% 14%, 78% 6%, 80% 24%, 98% 28%, 88% 44%, 100% 58%, 82% 64%, 86% 84%, 66% 80%, 56% 98%, 44% 82%, 26% 94%, 22% 74%, 4% 70%, 14% 54%, 0 40%, 18% 32%, 16% 12%, 36% 18%); border-radius: 0; padding: 8px 1.6em; }
.us-pqsplashstickerburst-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqsplashstickerburst-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqsplashstickerburst-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqsplashstickerburst-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqsplashstickerburst-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqhellonamelabel { background: linear-gradient(180deg, var(--o) 0 9px, #fff 9px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--o); border-radius: 6px; padding: 11px 13px 1px; }
.us-pqhellonamelabel-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqhellonamelabel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqhellonamelabel-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqhellonamelabel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqhellonamelabel-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqteachergoldstar { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(50% 0, 62% 34%, 100% 38%, 70% 60%, 80% 100%, 50% 76%, 20% 100%, 30% 60%, 0 38%, 38% 34%); border-radius: 0; padding: 12px 1.8em 8px; }
.us-pqteachergoldstar-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqteachergoldstar-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqteachergoldstar-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqteachergoldstar-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqteachergoldstar-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqhonorrollribbon { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, calc(100% - 0.5em) 50%, 100% 100%, 0 100%, 0.5em 50%); border-radius: 0; padding: 2px 1.3em; }
.us-pqhonorrollribbon-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqhonorrollribbon-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqhonorrollribbon-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqhonorrollribbon-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqhonorrollribbon-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqminipennanttag { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, #000)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 50%, 0 100%); border-radius: 0; padding: 2px 2.2em 2px 12px; }
.us-pqminipennanttag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqminipennanttag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqminipennanttag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqminipennanttag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqminipennanttag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqeventwavebanner { background: radial-gradient(circle at 6px 100%, #fff 0 3px, transparent 3.6px) 0 100% / 12px 6px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 0 0; padding: 1px 13px 7px; }
.us-pqeventwavebanner-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqeventwavebanner-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqeventwavebanner-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqeventwavebanner-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqeventwavebanner-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqraffledrumnumber { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 2px, transparent 2px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px / 50%; box-shadow: inset 0 0 0 3px var(--ol); padding: 1px 16px; }
.us-pqraffledrumnumber-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqraffledrumnumber-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqraffledrumnumber-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqraffledrumnumber-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqraffledrumnumber-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqprizeticketstrip { background: radial-gradient(circle at 0 50%, transparent 0 4px, #fff 4.4px) left / 50% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 4px, #fff 4.4px) right / 50% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 2px dashed var(--c); border-bottom: 2px dashed var(--c); padding: 0 13px; }
.us-pqprizeticketstrip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqprizeticketstrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqprizeticketstrip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqprizeticketstrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqprizeticketstrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpassportpagemark { background: radial-gradient(circle at 12px 50%, transparent 0 5px, var(--o) 5.6px 7px, transparent 7.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--ol); border-radius: 3px; padding: 0 12px 0 30px; }
.us-pqpassportpagemark-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqpassportpagemark-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqpassportpagemark-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqpassportpagemark-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpassportpagemark-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqclubcardcorner { background: linear-gradient(135deg, var(--c) 0 16px, transparent 16px), linear-gradient(315deg, var(--o) 0 16px, transparent 16px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 4px; padding: 0 16px; }
.us-pqclubcardcorner-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqclubcardcorner-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqclubcardcorner-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqclubcardcorner-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqclubcardcorner-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqticketnumbertext { background: none; color: var(--o); font-family: ui-monospace, Menlo, monospace; font-weight: 900; letter-spacing: 0.14em; border: 2px dashed var(--o); border-radius: 3px; padding: 0 8px; text-shadow: none; }
.us-pqticketnumbertext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqticketnumbertext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqticketnumbertext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqticketnumbertext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqticketnumbertext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqstampedsealtext { background: none; color: var(--b); font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.88em; border: 3px double var(--b); border-radius: 4px; transform: rotate(-2deg); padding: 0 9px; opacity: 0.88; text-shadow: none; }
.us-pqstampedsealtext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqstampedsealtext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqstampedsealtext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqstampedsealtext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqstampedsealtext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqhandwrittenfill { background: none; color: var(--b); font-family: "Comic Sans MS", "Marker Felt", cursive; font-weight: 700; border-bottom: 2px solid var(--b); border-radius: 0; padding: 0 6px; text-shadow: none; }
.us-pqhandwrittenfill-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqhandwrittenfill-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqhandwrittenfill-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqhandwrittenfill-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqhandwrittenfill-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqtypedformtext { background: linear-gradient(180deg, transparent 0 86%, rgba(0,0,0,0.4) 86% 94%, transparent 94%), #fff; color: var(--dk); font-family: "Courier New", ui-monospace, monospace; font-weight: 700; border-radius: 1px; padding: 0 8px; text-shadow: none; }
.us-pqtypedformtext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqtypedformtext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqtypedformtext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqtypedformtext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqtypedformtext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqblackoutstrip { background: var(--dk); color: var(--w); font-weight: 900; letter-spacing: 0.1em; border-radius: 2px; padding: 0 9px; text-shadow: none; }
.us-pqblackoutstrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqblackoutstrip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqblackoutstrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqblackoutstrip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqblackoutstrip-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqhighlightpasstext { background: linear-gradient(180deg, transparent 0 48%, color-mix(in srgb, var(--o) 50%, transparent) 48% 92%, transparent 92%); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 0 3px; }
.us-pqhighlightpasstext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqhighlightpasstext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqhighlightpasstext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqhighlightpasstext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqhighlightpasstext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqdatestamprow { background: linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, var(--dk)), var(--dk)); color: var(--w); font-family: ui-monospace, Menlo, monospace; font-weight: 800; border-radius: 3px; padding: 0 9px; text-shadow: 0 0 4px var(--c); }
.us-pqdatestamprow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqdatestamprow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqdatestamprow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqdatestamprow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqdatestamprow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqpassslidetext { background: linear-gradient(90deg, var(--c), var(--o)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; }
.us-pqpassslidetext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqpassslidetext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqpassslidetext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqpassslidetext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpassslidetext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlabelshadowtext { background: none; color: var(--b); font-weight: 900; text-shadow: 2px 2px 0 var(--ol), 4px 4px 0 color-mix(in srgb, var(--c) 40%, transparent); }
.us-pqlabelshadowtext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqlabelshadowtext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqlabelshadowtext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqlabelshadowtext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqlabelshadowtext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqclipframetext { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 6px solid var(--c); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); padding: 0 6px; }
.us-pqclipframetext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqclipframetext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqclipframetext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqclipframetext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqclipframetext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpinnotetext { background: radial-gradient(circle at 50% 4px, var(--o) 0 3px, transparent 3.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; box-shadow: 1px 2px 3px rgba(0,0,0,0.25); padding: 7px 12px 1px; }
.us-pqpinnotetext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqpinnotetext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqpinnotetext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqpinnotetext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqpinnotetext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqmemotab { background: linear-gradient(90deg, var(--o) 0 5px, transparent 5px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 10px 10px 3px; padding: 0 12px 0 14px; }
.us-pqmemotab-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqmemotab-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqmemotab-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqmemotab-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqmemotab-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqcheckedpill { background: radial-gradient(circle at 12px 50%, #fff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-pqcheckedpill-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqcheckedpill-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqcheckedpill-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqcheckedpill-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqcheckedpill-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pquncheckedpill { background: radial-gradient(circle at 12px 50%, transparent 0 4px, var(--c) 4.6px 6px, transparent 6.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 999px; padding: 0 14px 0 28px; }
.us-pquncheckedpill-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pquncheckedpill-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pquncheckedpill-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pquncheckedpill-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pquncheckedpill-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqpriorityflagtext { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, calc(100% - 0.6em) 50%, 100% 100%, 0 100%); border-radius: 0; padding: 1px 1.4em 1px 12px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.92em; }
.us-pqpriorityflagtext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqpriorityflagtext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqpriorityflagtext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqpriorityflagtext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqpriorityflagtext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqarchivefoldertab { background: linear-gradient(180deg, var(--b), var(--dk)); color: var(--w); font-weight: 800; border-radius: 10px 10px 0 0; border-bottom: 3px solid var(--o); padding: 3px 14px 0; text-shadow: none; }
.us-pqarchivefoldertab-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqarchivefoldertab-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqarchivefoldertab-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqarchivefoldertab-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqarchivefoldertab-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqringbinderedge { background: radial-gradient(circle at 8px 50%, var(--w) 0 3px, var(--b) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 6px solid var(--b); border-radius: 3px; padding: 0 12px 0 22px; }
.us-pqringbinderedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqringbinderedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqringbinderedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqringbinderedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqringbinderedge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqspiralnotebookedge { background: repeating-linear-gradient(180deg, var(--b) 0 2px, transparent 2px 6px) 0 0 / 8px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 0 12px 0 16px; }
.us-pqspiralnotebookedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqspiralnotebookedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqspiralnotebookedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqspiralnotebookedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqspiralnotebookedge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqgraphpapercell { background: linear-gradient(rgba(30,120,200,0.25) 1px, transparent 1px) 0 0 / 100% 6px, linear-gradient(90deg, rgba(30,120,200,0.25) 1px, transparent 1px) 0 0 / 6px 100%, #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 0 11px; }
.us-pqgraphpapercell-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqgraphpapercell-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqgraphpapercell-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqgraphpapercell-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqgraphpapercell-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqblueprintsheettick { background: linear-gradient(rgba(255,255,255,0.25) 1px, transparent 1px) 0 0 / 100% 6px, linear-gradient(90deg, rgba(255,255,255,0.25) 1px, transparent 1px) 0 0 / 8px 100%, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px; padding: 0 12px; }
.us-pqblueprintsheettick-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqblueprintsheettick-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqblueprintsheettick-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqblueprintsheettick-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqblueprintsheettick-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqtornpageedge { background: radial-gradient(circle at 4px 100%, transparent 0 3px, #fff 3.6px) 0 100% / 8px 4px repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 1px 12px 5px; }
.us-pqtornpageedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqtornpageedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqtornpageedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqtornpageedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqtornpageedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqstickersheetrow { background: radial-gradient(circle at 10px 50%, var(--o) 0 4px, transparent 4.6px) 0 0 / 22px 100% repeat-x, radial-gradient(circle at 20px 50%, var(--c) 0 4px, transparent 4.6px) 0 0 / 22px 100% repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 4px; padding: 0 12px; }
.us-pqstickersheetrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqstickersheetrow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqstickersheetrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqstickersheetrow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqstickersheetrow-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqwashitapedots { background: radial-gradient(circle, rgba(255,255,255,0.7) 0 2px, transparent 2.6px) 0 0 / 9px 9px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); opacity: 0.95; border-left: 3px dashed var(--w); border-right: 3px dashed var(--w); padding: 1px 12px; }
.us-pqwashitapedots-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqwashitapedots-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqwashitapedots-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqwashitapedots-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqwashitapedots-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqwashitapestripe { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.5) 0 4px, transparent 4px 9px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-left: 3px dashed var(--w); border-right: 3px dashed var(--w); padding: 1px 12px; }
.us-pqwashitapestripe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqwashitapestripe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqwashitapestripe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqwashitapestripe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqwashitapestripe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqpapercliploop { background: radial-gradient(ellipse 8px 12px at 12px 50%, transparent 0 5px, var(--b) 5.6px 7px, transparent 7.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 12px 1px 28px; }
.us-pqpapercliploop-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqpapercliploop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqpapercliploop-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqpapercliploop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqpapercliploop-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqrubberbandloop { background: linear-gradient(90deg, var(--o) 0 4px, transparent 4px calc(100% - 4px), var(--o) calc(100% - 4px)), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--o); border-bottom: 3px solid var(--o); border-radius: 999px; padding: 0 16px; }
.us-pqrubberbandloop-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqrubberbandloop-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqrubberbandloop-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqrubberbandloop-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqrubberbandloop-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqstapleline { background: linear-gradient(90deg, var(--dk) 0 8px, transparent 8px) 6px 50% / 8px 2px no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 0 12px 0 22px; }
.us-pqstapleline-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqstapleline-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pqstapleline-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqstapleline-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pqstapleline-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqholepunchstrip { background: radial-gradient(circle at 9px 50%, var(--c) 0 3px, transparent 3.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 2px dashed var(--c); border-radius: 3px; padding: 0 12px 0 22px; }
.us-pqholepunchstrip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pqholepunchstrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pqholepunchstrip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pqholepunchstrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pqholepunchstrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqdesknameplate { background: linear-gradient(180deg, var(--b), var(--dk)); color: var(--w); font-weight: 900; letter-spacing: 0.08em; border: 2px solid var(--ol); border-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,0.25); padding: 0 12px; text-shadow: none; }
.us-pqdesknameplate-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pqdesknameplate-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pqdesknameplate-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pqdesknameplate-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pqdesknameplate-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjseigaihawavesprint { background: radial-gradient(circle at 50% 100%, transparent 0 4px, rgba(255,255,255,0.55) 4.6px 5.6px, transparent 6px, transparent 8px, rgba(255,255,255,0.4) 8.6px 9.4px, transparent 10px) 0 0 / 16px 10px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px; }
.us-pjseigaihawavesprint-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjseigaihawavesprint-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjseigaihawavesprint-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjseigaihawavesprint-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjseigaihawavesprint-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjginghamtowel { background: repeating-linear-gradient(0deg, rgba(255,255,255,0.4) 0 5px, transparent 5px 10px), repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 5px, transparent 5px 10px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px; padding: 1px 13px; }
.us-pjginghamtowel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjginghamtowel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjginghamtowel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjginghamtowel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjginghamtowel-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjhoundstoothdeck { background: conic-gradient(var(--b) 25%, #fff 0 50%, var(--b) 0 75%, #fff 0) 0 0 / 10px 10px; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--b); border-radius: 3px; padding: 0 12px; }
.us-pjhoundstoothdeck-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjhoundstoothdeck-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjhoundstoothdeck-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjhoundstoothdeck-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjhoundstoothdeck-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjtropicalleafprint { background: radial-gradient(ellipse 5px 10px at 20% 50%, var(--c) 0 100%, transparent 101%) 0 0 / 22px 100% repeat-x, radial-gradient(ellipse 5px 10px at 70% 50%, var(--ol) 0 100%, transparent 101%) 0 0 / 22px 100% repeat-x, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-pjtropicalleafprint-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjtropicalleafprint-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjtropicalleafprint-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjtropicalleafprint-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjtropicalleafprint-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjsunsetstripes { background: linear-gradient(180deg, var(--ol) 0 20%, var(--o) 20% 40%, var(--b) 40% 60%, var(--c) 60% 80%, var(--w) 80%); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 4px; padding: 1px 14px; }
.us-pjsunsetstripes-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjsunsetstripes-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjsunsetstripes-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjsunsetstripes-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjsunsetstripes-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjshellprintfan { background: repeating-conic-gradient(from -45deg at 50% 130%, var(--ol) 0 12deg, var(--w) 12deg 24deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 999px 6px 6px; padding: 4px 16px 1px; }
.us-pjshellprintfan-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjshellprintfan-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjshellprintfan-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjshellprintfan-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjshellprintfan-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjfishscaleprint { background: radial-gradient(circle at 50% 100%, transparent 0 4px, rgba(255,255,255,0.55) 4.6px 5.6px, transparent 6px) 0 0 / 10px 8px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px; }
.us-pjfishscaleprint-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjfishscaleprint-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjfishscaleprint-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjfishscaleprint-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjfishscaleprint-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjlatticediamondprin { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.4) 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.4) 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 4px; padding: 1px 13px; }
.us-pjlatticediamondprin-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjlatticediamondprin-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjlatticediamondprin-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjlatticediamondprin-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjlatticediamondprin-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjargylebeach { background: linear-gradient(45deg, var(--b) 25%, transparent 25% 75%, var(--b) 75%) 0 0 / 14px 14px, linear-gradient(45deg, var(--b) 25%, transparent 25% 75%, var(--b) 75%) 7px 7px / 14px 14px, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px; padding: 0 12px; }
.us-pjargylebeach-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjargylebeach-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjargylebeach-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjargylebeach-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjargylebeach-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjterrazzochips { background: radial-gradient(ellipse 4px 3px at 14% 30%, var(--o) 0 100%, transparent 101%), radial-gradient(ellipse 5px 3px at 40% 70%, var(--c) 0 100%, transparent 101%), radial-gradient(ellipse 4px 3px at 66% 28%, var(--b) 0 100%, transparent 101%), radial-gradient(ellipse 5px 3px at 88% 72%, var(--o) 0 100%, transparent 101%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-pjterrazzochips-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjterrazzochips-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjterrazzochips-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjterrazzochips-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjterrazzochips-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjmoirewaves { background: repeating-radial-gradient(circle at 20% 50%, transparent 0 3px, rgba(255,255,255,0.35) 3px 4px), repeating-radial-gradient(circle at 80% 50%, transparent 0 3px, rgba(0,0,0,0.12) 3px 4px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 6px; padding: 1px 13px; }
.us-pjmoirewaves-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjmoirewaves-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjmoirewaves-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjmoirewaves-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjmoirewaves-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjopartrings { background: repeating-radial-gradient(circle at 50% 50%, var(--dk) 0 3px, #fff 3px 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--dk); border-radius: 999px; padding: 1px 16px; }
.us-pjopartrings-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjopartrings-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjopartrings-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjopartrings-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjopartrings-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjmemphissquiggle { background: radial-gradient(circle at 10% 30%, var(--o) 0 2px, transparent 2.6px), radial-gradient(circle at 30% 76%, var(--c) 0 2px, transparent 2.6px), radial-gradient(circle at 58% 24%, var(--b) 0 2px, transparent 2.6px), radial-gradient(circle at 84% 70%, var(--o) 0 2px, transparent 2.6px), linear-gradient(135deg, var(--o) 25%, transparent 25%) 0 0 / 14px 14px, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-pjmemphissquiggle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjmemphissquiggle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjmemphissquiggle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjmemphissquiggle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjmemphissquiggle-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjconfettiburst { background: linear-gradient(90deg, var(--o) 0 4px, transparent 4px) 10% 24% / 5px 2px no-repeat, linear-gradient(90deg, var(--c) 0 4px, transparent 4px) 32% 70% / 5px 2px no-repeat, linear-gradient(90deg, var(--b) 0 4px, transparent 4px) 54% 26% / 5px 2px no-repeat, linear-gradient(90deg, var(--o) 0 4px, transparent 4px) 76% 66% / 5px 2px no-repeat, linear-gradient(90deg, var(--c) 0 4px, transparent 4px) 92% 30% / 5px 2px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-pjconfettiburst-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjconfettiburst-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjconfettiburst-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjconfettiburst-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjconfettiburst-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjpinstripecabana { background: repeating-linear-gradient(90deg, var(--b) 0 1px, transparent 1px 8px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 3px; padding: 0 12px; }
.us-pjpinstripecabana-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjpinstripecabana-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjpinstripecabana-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjpinstripecabana-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjpinstripecabana-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjbuntingtriangles { background: linear-gradient(135deg, var(--o) 50%, transparent 50%) 0 0 / 14px 8px repeat-x, linear-gradient(225deg, var(--c) 50%, transparent 50%) 7px 0 / 14px 8px repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 10px 13px 1px; }
.us-pjbuntingtriangles-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjbuntingtriangles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjbuntingtriangles-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjbuntingtriangles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjbuntingtriangles-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjatomicstarburstpop { background: radial-gradient(circle, #fff 0 14%, transparent 15%), repeating-conic-gradient(var(--o) 0 10deg, var(--ol) 10deg 20deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: 0 0 0 2px var(--dk); padding: 2px 15px; }
.us-pjatomicstarburstpop-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjatomicstarburstpop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjatomicstarburstpop-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjatomicstarburstpop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjatomicstarburstpop-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjboomerangwave { background: radial-gradient(ellipse 8px 4px at 50% 100%, var(--o) 0 100%, transparent 101%) 0 0 / 20px 100% repeat-x, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px 7px; }
.us-pjboomerangwave-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjboomerangwave-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjboomerangwave-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjboomerangwave-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjboomerangwave-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjbeachsidechecker { background: conic-gradient(var(--o) 25%, #fff 0 50%, var(--o) 0 75%, #fff 0) 0 0 / 10px 10px; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--o); border-radius: 2px; padding: 0 11px; }
.us-pjbeachsidechecker-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjbeachsidechecker-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjbeachsidechecker-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjbeachsidechecker-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjbeachsidechecker-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjpoolhalldiamonds { background: linear-gradient(45deg, var(--c) 25%, transparent 25% 75%, var(--c) 75%) 0 0 / 10px 10px, linear-gradient(45deg, var(--c) 25%, transparent 25% 75%, var(--c) 75%) 5px 5px / 10px 10px, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 4px; padding: 1px 12px; }
.us-pjpoolhalldiamonds-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjpoolhalldiamonds-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjpoolhalldiamonds-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjpoolhalldiamonds-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjpoolhalldiamonds-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjrainbowarcprint { background: radial-gradient(ellipse 100% 130% at 50% 120%, transparent 0 44%, var(--o) 46% 52%, var(--w) 52% 56%, var(--c) 56% 62%, var(--b) 62% 68%, transparent 70%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 8px; padding: 2px 14px; }
.us-pjrainbowarcprint-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjrainbowarcprint-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjrainbowarcprint-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjrainbowarcprint-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjrainbowarcprint-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjretrosunrise { background: radial-gradient(circle at 50% 120%, var(--ol) 0 30%, var(--o) 31% 46%, transparent 47%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-pjretrosunrise-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjretrosunrise-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjretrosunrise-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjretrosunrise-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjretrosunrise-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjwavepennantprint { background: radial-gradient(circle at 6px 100%, var(--w) 0 3px, transparent 3.6px) 0 100% / 12px 6px repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 50%, 0 100%); border-radius: 0; padding: 2px 2.2em 8px 12px; }
.us-pjwavepennantprint-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjwavepennantprint-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjwavepennantprint-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjwavepennantprint-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjwavepennantprint-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjtickerstripe { background: repeating-linear-gradient(-45deg, var(--o) 0 6px, var(--w) 6px 12px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--dk); border-radius: 2px; padding: 0 10px; }
.us-pjtickerstripe-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjtickerstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtickerstripe-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjtickerstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjtickerstripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsailboatrow { background: linear-gradient(135deg, #fff 50%, transparent 50%) 0 0 / 12px 10px repeat-x, linear-gradient(180deg, transparent 0 60%, var(--c) 60%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 11px 13px 1px; }
.us-pjsailboatrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjsailboatrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsailboatrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjsailboatrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjsailboatrow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjpostcardstamprow { background: radial-gradient(circle at 5px 0, transparent 0 2.4px, #fff 2.8px) 0 0 / 10px 100% repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid #fff; border-radius: 0; box-shadow: 0 0 0 1px var(--b); padding: 1px 10px; }
.us-pjpostcardstamprow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjpostcardstamprow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjpostcardstamprow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjpostcardstamprow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjpostcardstamprow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtoggleswitchon { background: radial-gradient(circle at calc(100% - 11px) 50%, #fff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 26px 1px 12px; }
.us-pjtoggleswitchon-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjtoggleswitchon-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtoggleswitchon-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjtoggleswitchon-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjtoggleswitchon-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjtoggleswitchoff { background: radial-gradient(circle at 11px 50%, #fff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 999px; padding: 0 12px 0 26px; }
.us-pjtoggleswitchoff-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjtoggleswitchoff-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjtoggleswitchoff-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjtoggleswitchoff-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjtoggleswitchoff-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjslidertrack { background: linear-gradient(90deg, var(--c) 0 60%, var(--w) 60%) 0 100% / 100% 5px no-repeat, radial-gradient(circle at 60% 100%, var(--b) 0 5px, transparent 5.6px); color: var(--b); font-weight: 900; border-radius: 0; padding: 0 3px 9px; }
.us-pjslidertrack-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjslidertrack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjslidertrack-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjslidertrack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjslidertrack-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjstepperdots { background: radial-gradient(circle at 8px 50%, var(--b) 0 3px, transparent 3.6px), radial-gradient(circle at 20px 50%, var(--c) 0 3px, transparent 3.6px), radial-gradient(circle at 32px 50%, var(--w) 0 3px, var(--c) 3.6px 4.4px, transparent 5px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 0 14px 0 46px; }
.us-pjstepperdots-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjstepperdots-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjstepperdots-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjstepperdots-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjstepperdots-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsegmentedleft { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--b); border-radius: 999px 0 0 999px; padding: 0 14px; }
.us-pjsegmentedleft-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjsegmentedleft-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsegmentedleft-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjsegmentedleft-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjsegmentedleft-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjsegmentedright { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 0 999px 999px 0; padding: 0 14px; }
.us-pjsegmentedright-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjsegmentedright-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjsegmentedright-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjsegmentedright-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjsegmentedright-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtooltipbubble { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; box-shadow: 0 6px 0 -3px var(--b); padding: 1px 12px 3px; }
.us-pjtooltipbubble-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjtooltipbubble-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtooltipbubble-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjtooltipbubble-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjtooltipbubble-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjnotificationtoast { background: linear-gradient(90deg, var(--o) 0 5px, transparent 5px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 8px; box-shadow: 0 3px 6px rgba(0,60,140,0.2); padding: 0 12px 0 14px; }
.us-pjnotificationtoast-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjnotificationtoast-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjnotificationtoast-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjnotificationtoast-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjnotificationtoast-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjsearchfieldrim { background: radial-gradient(circle at 12px 50%, transparent 0 3px, var(--c) 3.6px 5px, transparent 5.6px), #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 999px; padding: 0 14px 0 26px; }
.us-pjsearchfieldrim-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjsearchfieldrim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjsearchfieldrim-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjsearchfieldrim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjsearchfieldrim-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjinputfocusglow { background: #fff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 6px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 35%, transparent); padding: 0 11px; }
.us-pjinputfocusglow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjinputfocusglow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjinputfocusglow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjinputfocusglow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjinputfocusglow-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjcheckboxtile { background: radial-gradient(circle at 11px 50%, #fff 0 4px, transparent 4.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 12px 1px 24px; }
.us-pjcheckboxtile-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjcheckboxtile-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjcheckboxtile-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjcheckboxtile-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjcheckboxtile-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjradiofloat { background: radial-gradient(circle at 11px 50%, var(--o) 0 3px, #fff 3.6px 5px, var(--b) 5.6px 6.4px, transparent 7px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 0 14px 0 28px; }
.us-pjradiofloat-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjradiofloat-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjradiofloat-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjradiofloat-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjradiofloat-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtabpillactive { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: 0 3px 0 var(--dk); padding: 1px 15px; }
.us-pjtabpillactive-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjtabpillactive-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjtabpillactive-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjtabpillactive-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjtabpillactive-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjtabpillidle { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 999px; padding: 0 14px; }
.us-pjtabpillidle-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjtabpillidle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjtabpillidle-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjtabpillidle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjtabpillidle-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjbreadcrumbchevron { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, calc(100% - 0.6em) 0, 100% 50%, calc(100% - 0.6em) 100%, 0 100%, 0.6em 50%); border-radius: 0; padding: 1px 1.3em; }
.us-pjbreadcrumbchevron-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjbreadcrumbchevron-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjbreadcrumbchevron-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjbreadcrumbchevron-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjbreadcrumbchevron-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjpaginationdot { background: radial-gradient(circle at 10px 50%, var(--o) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 0 12px 0 22px; }
.us-pjpaginationdot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjpaginationdot-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjpaginationdot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjpaginationdot-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjpaginationdot-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjcountbadge { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid #fff; border-radius: 999px; box-shadow: 0 0 0 1px var(--o); padding: 0 8px; min-width: 1.4em; text-align: center; }
.us-pjcountbadge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjcountbadge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjcountbadge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjcountbadge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjcountbadge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjavatarring { background: radial-gradient(circle at 14px 50%, var(--w) 0 6px, var(--c) 6.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-pjavatarring-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjavatarring-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjavatarring-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjavatarring-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjavatarring-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjprogressringchip { background: conic-gradient(var(--c) 0 62%, var(--w) 0) 0 50% / 26px 26px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 34px; }
.us-pjprogressringchip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjprogressringchip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjprogressringchip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjprogressringchip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjprogressringchip-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjskeletonloader { background: linear-gradient(90deg, var(--w) 0 30%, rgba(255,255,255,0.9) 45% 55%, var(--w) 70%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 0 12px; }
.us-pjskeletonloader-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjskeletonloader-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjskeletonloader-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjskeletonloader-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjskeletonloader-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjratingstars { background: radial-gradient(circle at 8px 50%, var(--o) 0 3px, transparent 3.6px) 0 0 / 14px 100% repeat-x; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 0 6px; }
.us-pjratingstars-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjratingstars-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjratingstars-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjratingstars-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjratingstars-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjribbonbannerfold { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, calc(100% - 0.5em) 50%, 100% 100%, 0 100%, 0.5em 50%); border-radius: 0; padding: 2px 1.3em; }
.us-pjribbonbannerfold-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjribbonbannerfold-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjribbonbannerfold-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjribbonbannerfold-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjribbonbannerfold-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjaccordionheader { background: radial-gradient(circle at calc(100% - 10px) 50%, #fff 0 3px, transparent 3.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 0 0; padding: 1px 26px 1px 12px; }
.us-pjaccordionheader-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjaccordionheader-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjaccordionheader-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjaccordionheader-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjaccordionheader-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjmenuitemhover { background: linear-gradient(90deg, var(--o) 0 4px, transparent 4px), color-mix(in srgb, var(--c) 22%, var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 0 12px 0 14px; }
.us-pjmenuitemhover-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjmenuitemhover-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjmenuitemhover-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjmenuitemhover-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjmenuitemhover-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjdropdownchip { background: radial-gradient(circle at calc(100% - 11px) 50%, var(--b) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 6px; padding: 0 26px 0 11px; }
.us-pjdropdownchip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjdropdownchip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjdropdownchip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjdropdownchip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjdropdownchip-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjdatechip { background: linear-gradient(180deg, var(--o) 0 7px, transparent 7px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 4px; padding: 8px 11px 1px; }
.us-pjdatechip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjdatechip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjdatechip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjdatechip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjdatechip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjtaginputpill { background: radial-gradient(circle at calc(100% - 10px) 50%, transparent 0 3px, var(--b) 3.6px 4.6px, transparent 5.2px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 999px; padding: 0 24px 0 12px; }
.us-pjtaginputpill-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjtaginputpill-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjtaginputpill-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjtaginputpill-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjtaginputpill-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjcommandkeycap { background: linear-gradient(180deg, #fff, var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 5px; box-shadow: 0 3px 0 color-mix(in srgb, var(--b) 55%, var(--w)); font-family: ui-monospace, Menlo, monospace; padding: 0 8px; }
.us-pjcommandkeycap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjcommandkeycap-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjcommandkeycap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjcommandkeycap-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjcommandkeycap-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjloadingbar { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.35) 0 6px, transparent 6px 12px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pjloadingbar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjloadingbar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjloadingbar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjloadingbar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjloadingbar-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjdialogtitlebar { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px 8px 0 0; border-bottom: 3px solid var(--o); padding: 1px 14px; }
.us-pjdialogtitlebar-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjdialogtitlebar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjdialogtitlebar-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjdialogtitlebar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjdialogtitlebar-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjstatusdotonline { background: radial-gradient(circle at 10px 50%, var(--c) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 0 12px 0 22px; }
.us-pjstatusdotonline-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjstatusdotonline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjstatusdotonline-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjstatusdotonline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjstatusdotonline-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjstatusdotbusy { background: radial-gradient(circle at 10px 50%, var(--o) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 0 12px 0 22px; }
.us-pjstatusdotbusy-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjstatusdotbusy-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjstatusdotbusy-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjstatusdotbusy-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjstatusdotbusy-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjretromarqueetext { background: radial-gradient(circle at 6px 3px, #fff 0 2px, transparent 2.6px) 0 0 / 14px 100% repeat-x, radial-gradient(circle at 6px calc(100% - 3px), #fff 0 2px, transparent 2.6px) 0 0 / 14px 100% repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 5px 14px; }
.us-pjretromarqueetext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjretromarqueetext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjretromarqueetext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjretromarqueetext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjretromarqueetext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjsunsetgradienttext { background: linear-gradient(180deg, var(--ol), var(--o) 50%, var(--b)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(1px 2px 0 rgba(0,0,0,0.25)); padding: 0 2px; }
.us-pjsunsetgradienttext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjsunsetgradienttext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjsunsetgradienttext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjsunsetgradienttext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjsunsetgradienttext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjwavefilltext { background: repeating-linear-gradient(0deg, var(--c) 0 3px, var(--b) 3px 6px); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; }
.us-pjwavefilltext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjwavefilltext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjwavefilltext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjwavefilltext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjwavefilltext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjblockprintshadow { background: none; color: #fff; -webkit-text-stroke: 1px var(--b); font-weight: 900; text-shadow: 2px 2px 0 var(--o), 4px 4px 0 var(--b); }
.us-pjblockprintshadow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjblockprintshadow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjblockprintshadow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjblockprintshadow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjblockprintshadow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjoffsetprinttext { background: none; color: var(--o); font-weight: 900; text-shadow: -2px 0 0 var(--c), 2px 0 0 color-mix(in srgb, var(--b) 60%, transparent); }
.us-pjoffsetprinttext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjoffsetprinttext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjoffsetprinttext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjoffsetprinttext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjoffsetprinttext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjinktraptext { background: none; color: var(--dk); font-weight: 900; letter-spacing: 0.06em; text-shadow: 1px 1px 0 var(--ol), -1px -1px 0 var(--w); }
.us-pjinktraptext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjinktraptext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjinktraptext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjinktraptext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjinktraptext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjhairlinecaps { background: none; color: var(--b); font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; font-size: 0.84em; border-top: 1px solid var(--b); border-bottom: 1px solid var(--b); border-radius: 0; padding: 0 8px; }
.us-pjhairlinecaps-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjhairlinecaps-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjhairlinecaps-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjhairlinecaps-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjhairlinecaps-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjpostercapstext { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); font-size: 0.94em; letter-spacing: 0.1em; text-transform: uppercase; border: 3px solid var(--dk); border-radius: 3px; box-shadow: 3px 3px 0 var(--b); padding: 0 10px; }
.us-pjpostercapstext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjpostercapstext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjpostercapstext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjpostercapstext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjpostercapstext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjneonprinttext { background: linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, var(--dk)), var(--dk)); color: var(--w); font-weight: 900; border: 2px solid var(--c); border-radius: 6px; box-shadow: 0 0 8px var(--c); padding: 0 11px; text-shadow: 0 0 5px var(--c); }
.us-pjneonprinttext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjneonprinttext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjneonprinttext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjneonprinttext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjneonprinttext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjlinocuttext { background: none; color: var(--dk); font-weight: 900; text-shadow: 1px 0 0 var(--dk), -1px 0 0 var(--dk), 0 1px 0 var(--dk); letter-spacing: 0.03em; }
.us-pjlinocuttext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjlinocuttext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjlinocuttext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjlinocuttext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjlinocuttext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjgoogieboomerangbar { background: linear-gradient(135deg, var(--o) 0 50%, transparent 50%) 0 0 / 18px 100% no-repeat, linear-gradient(225deg, var(--c) 0 50%, transparent 50%) 100% 0 / 18px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 22px; }
.us-pjgoogieboomerangbar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjgoogieboomerangbar-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjgoogieboomerangbar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjgoogieboomerangbar-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjgoogieboomerangbar-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjmotelarrowsign { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 72% 0, 100% 50%, 72% 100%, 0 100%); border-radius: 0; padding: 2px 2em 2px 12px; }
.us-pjmotelarrowsign-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjmotelarrowsign-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjmotelarrowsign-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjmotelarrowsign-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjmotelarrowsign-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjdinercounterchrome { background: linear-gradient(180deg, rgba(255,255,255,0.7) 0 20%, transparent 20% 60%, rgba(0,0,0,0.15) 60%), linear-gradient(180deg, color-mix(in srgb, var(--w) 88%, var(--c)), color-mix(in srgb, var(--b) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 6px; padding: 0 12px; }
.us-pjdinercounterchrome-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjdinercounterchrome-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjdinercounterchrome-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjdinercounterchrome-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjdinercounterchrome-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjjukeboxglowstripe { background: linear-gradient(90deg, var(--o), var(--c), var(--b), var(--o)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 6px; box-shadow: 0 0 8px color-mix(in srgb, var(--c) 60%, transparent); padding: 1px 13px; }
.us-pjjukeboxglowstripe-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjjukeboxglowstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjjukeboxglowstripe-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjjukeboxglowstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjjukeboxglowstripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsurfrockheader { background: radial-gradient(ellipse 14px 8px at 50% 0, var(--w) 0 70%, transparent 76%) 0 0 / 28px 100% repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; padding: 6px 14px 1px; }
.us-pjsurfrockheader-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjsurfrockheader-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsurfrockheader-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjsurfrockheader-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjsurfrockheader-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjtikitotemband { background: repeating-linear-gradient(90deg, var(--dk) 0 6px, var(--o) 6px 12px) 0 0 / 100% 4px no-repeat, repeating-linear-gradient(90deg, var(--dk) 0 6px, var(--o) 6px 12px) 0 100% / 100% 4px no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; padding: 5px 13px; }
.us-pjtikitotemband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjtikitotemband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjtikitotemband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjtikitotemband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjtikitotemband-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjpolkadotsuit { background: radial-gradient(circle, rgba(255,255,255,0.85) 0 2.4px, transparent 3px) 0 0 / 11px 11px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-pjpolkadotsuit-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjpolkadotsuit-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjpolkadotsuit-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjpolkadotsuit-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjpolkadotsuit-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjsunglasseslensrow { background: radial-gradient(ellipse 10px 7px at 16px 50%, var(--dk) 0 100%, transparent 101%), radial-gradient(ellipse 10px 7px at calc(100% - 16px) 50%, var(--dk) 0 100%, transparent 101%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 34px; }
.us-pjsunglasseslensrow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjsunglasseslensrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjsunglasseslensrow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjsunglasseslensrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjsunglasseslensrow-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjparlourstripeawnin { background: repeating-linear-gradient(90deg, var(--o) 0 8px, #fff 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px 3px 10px 10px; padding: 1px 13px; }
.us-pjparlourstripeawnin-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjparlourstripeawnin-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjparlourstripeawnin-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjparlourstripeawnin-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjparlourstripeawnin-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjrollerrinkcarpet { background: radial-gradient(circle at 6px 6px, var(--o) 0 2px, transparent 2.6px) 0 0 / 12px 12px, radial-gradient(circle at 12px 12px, var(--c) 0 2px, transparent 2.6px) 0 0 / 12px 12px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 4px; padding: 1px 13px; }
.us-pjrollerrinkcarpet-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjrollerrinkcarpet-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjrollerrinkcarpet-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjrollerrinkcarpet-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjrollerrinkcarpet-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjdriveinscreenframe { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 5px solid var(--dk); border-radius: 3px; box-shadow: 0 0 0 2px var(--o); padding: 0 9px; }
.us-pjdriveinscreenframe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjdriveinscreenframe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjdriveinscreenframe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjdriveinscreenframe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjdriveinscreenframe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjbowlingpanelchevro { background: linear-gradient(135deg, var(--o) 25%, transparent 25%) -4px 0 / 12px 12px, linear-gradient(225deg, var(--o) 25%, transparent 25%) -4px 0 / 12px 12px, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 4px; padding: 1px 12px; }
.us-pjbowlingpanelchevro-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjbowlingpanelchevro-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjbowlingpanelchevro-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjbowlingpanelchevro-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjbowlingpanelchevro-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjhotrodflameedge { background: radial-gradient(ellipse 8px 10px at 8px 100%, var(--ol) 0 100%, transparent 101%) 0 100% / 16px 100% repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px 7px; }
.us-pjhotrodflameedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjhotrodflameedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjhotrodflameedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjhotrodflameedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjhotrodflameedge-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjscooterracingstrip { background: linear-gradient(180deg, transparent 0 30%, #fff 30% 40%, transparent 40% 60%, #fff 60% 70%, transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-pjscooterracingstrip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjscooterracingstrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjscooterracingstrip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjscooterracingstrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjscooterracingstrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjseasidecarouselpol { background: repeating-linear-gradient(135deg, var(--o) 0 5px, #fff 5px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; box-shadow: 0 0 0 2px var(--dk); padding: 0 16px; }
.us-pjseasidecarouselpol-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjseasidecarouselpol-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjseasidecarouselpol-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjseasidecarouselpol-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjseasidecarouselpol-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjferriswheelspokes { background: repeating-conic-gradient(var(--c) 0 6deg, transparent 6deg 30deg) 0 50% / 100% 100% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 3px solid var(--b); border-radius: 999px; padding: 1px 16px; }
.us-pjferriswheelspokes-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjferriswheelspokes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjferriswheelspokes-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjferriswheelspokes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjferriswheelspokes-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjcottonstripecloud { background: repeating-linear-gradient(90deg, var(--c) 0 6px, #fff 6px 12px, var(--o) 12px 18px, #fff 18px 24px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 1px 15px; }
.us-pjcottonstripecloud-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjcottonstripecloud-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjcottonstripecloud-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjcottonstripecloud-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjcottonstripecloud-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjlidodeckrail { background: linear-gradient(180deg, var(--w) 0 22%, transparent 22%), repeating-linear-gradient(90deg, var(--w) 0 3px, transparent 3px 8px) 0 100% / 100% 60% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 3px; padding: 4px 13px 1px; }
.us-pjlidodeckrail-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjlidodeckrail-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjlidodeckrail-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjlidodeckrail-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjlidodeckrail-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjcarnivalticketroll { background: radial-gradient(circle at 0 50%, transparent 0 4px, var(--o) 4.4px) left / 50% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 4px, var(--o) 4.4px) right / 50% 100% no-repeat; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 2px dashed #fff; border-bottom: 2px dashed #fff; padding: 0 13px; }
.us-pjcarnivalticketroll-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjcarnivalticketroll-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjcarnivalticketroll-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjcarnivalticketroll-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjcarnivalticketroll-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjpoolhallsigntube { background: linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, var(--dk)), var(--dk)); color: var(--ol); font-weight: 900; border: 2px solid var(--o); border-radius: 999px; box-shadow: 0 0 8px var(--o); padding: 0 14px; text-shadow: 0 0 5px var(--o); }
.us-pjpoolhallsigntube-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjpoolhallsigntube-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-pjpoolhallsigntube-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjpoolhallsigntube-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-pjpoolhallsigntube-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjpastelpapercut { background: linear-gradient(135deg, var(--ol) 0 33%, var(--w) 33% 66%, var(--c) 66%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; clip-path: polygon(0 10%, 8% 0, 100% 0, 100% 90%, 92% 100%, 0 100%); border-radius: 0; padding: 2px 14px; }
.us-pjpastelpapercut-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-pjpastelpapercut-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-pjpastelpapercut-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-pjpastelpapercut-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-pjpastelpapercut-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjlinenweaveprint { background: repeating-linear-gradient(0deg, rgba(0,0,0,0.07) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0,0,0,0.07) 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-pjlinenweaveprint-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-pjlinenweaveprint-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-pjlinenweaveprint-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-pjlinenweaveprint-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-pjlinenweaveprint-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qacannonballcrown { background: radial-gradient(circle at 18% 0, var(--mx) 0 3.5px, transparent 4px), radial-gradient(circle at 50% -2px, var(--mx) 0 5px, transparent 5.5px), radial-gradient(circle at 82% 0, var(--mx) 0 3.5px, transparent 4px), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 8px; padding: 6px 13px 1px; }
.us-qacannonballcrown-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qacannonballcrown-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qacannonballcrown-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qacannonballcrown-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qacannonballcrown-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qatidalstripes { background: repeating-linear-gradient(180deg, var(--m) 0 4px, var(--ml) 4px 6px); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 5px; padding: 1px 12px; }
.us-qatidalstripes-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qatidalstripes-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qatidalstripes-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qatidalstripes-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qatidalstripes-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaskippingstone { background: radial-gradient(ellipse 14px 4px at 14px 100%, var(--mx) 0 60%, transparent 62%), radial-gradient(ellipse 9px 3px at calc(100% - 14px) 100%, var(--mx) 0 60%, transparent 62%), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 999px 999px 4px 4px; padding: 1px 14px 5px; }
.us-qaskippingstone-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaskippingstone-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaskippingstone-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaskippingstone-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaskippingstone-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaraindroprows { background: radial-gradient(circle, var(--mx) 0 1.2px, transparent 1.6px) 0 0 / 8px 8px, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 6px; padding: 1px 12px; }
.us-qaraindroprows-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaraindroprows-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaraindroprows-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaraindroprows-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaraindroprows-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qasprinklerfan { background: repeating-conic-gradient(from 270deg at 50% 100%, var(--ml) 0 8deg, var(--m) 8deg 16deg); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 1px 15px; }
.us-qasprinklerfan-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qasprinklerfan-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qasprinklerfan-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qasprinklerfan-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qasprinklerfan-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qalapwake { background: linear-gradient(115deg, transparent 0 18%, var(--mx) 18% 21%, transparent 21% 40%, var(--mx) 40% 42%, transparent 42%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px 14px 4px 14px; padding: 1px 15px; }
.us-qalapwake-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qalapwake-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qalapwake-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qalapwake-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qalapwake-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qafogbank { background: radial-gradient(ellipse 50% 90% at 20% 110%, var(--mx), transparent 70%), radial-gradient(ellipse 50% 90% at 80% 110%, var(--ml), transparent 70%), color-mix(in srgb, var(--ml) 35%, var(--mx)); color: var(--mk); font-weight: 900; box-shadow: inset 0 0 0 1px var(--ml); border-radius: 12px; padding: 1px 14px; }
.us-qafogbank-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qafogbank-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qafogbank-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qafogbank-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qafogbank-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qapondrings { background: repeating-radial-gradient(circle at 12px 50%, transparent 0 3px, var(--ml) 3px 4px) 0 0 / 28px 100% no-repeat, var(--mx); color: var(--mk); font-weight: 900; border: 1px solid var(--ml); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-qapondrings-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qapondrings-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapondrings-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapondrings-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapondrings-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qawaterlinescallop { background: radial-gradient(circle at 50% 0, var(--mx) 0 4px, transparent 4.6px) 0 0 / 10px 6px repeat-x, linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px 3px 10px 10px; padding: 7px 12px 1px; }
.us-qawaterlinescallop-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qawaterlinescallop-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qawaterlinescallop-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qawaterlinescallop-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qawaterlinescallop-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapuddleedge { background: radial-gradient(ellipse 90% 60% at 50% 100%, var(--ml) 0 70%, transparent 72%), var(--mx); color: var(--mk); font-weight: 900; border-radius: 12px 12px 3px 3px; padding: 1px 14px 4px; }
.us-qapuddleedge-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qapuddleedge-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qapuddleedge-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qapuddleedge-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapuddleedge-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qadockreflection { background: linear-gradient(180deg, var(--m) 0 55%, var(--md) 55%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px; box-shadow: 0 5px 0 -2px var(--ml), 0 8px 0 -4px var(--mx); padding: 1px 13px; }
.us-qadockreflection-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qadockreflection-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qadockreflection-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qadockreflection-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qadockreflection-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaaquaprism { background: linear-gradient(135deg, var(--mx) 0 22%, transparent 22%), linear-gradient(315deg, var(--md) 0 18%, transparent 18%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%); border-radius: 0; padding: 1px 16px; }
.us-qaaquaprism-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaaquaprism-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaaquaprism-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaaquaprism-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaaquaprism-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaladderrungs { background: linear-gradient(90deg, var(--mx) 0 3px, transparent 3px calc(100% - 3px), var(--mx) calc(100% - 3px)), repeating-linear-gradient(180deg, transparent 0 5px, var(--ml) 5px 6px), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 3px; padding: 1px 14px; }
.us-qaladderrungs-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaladderrungs-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaladderrungs-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaladderrungs-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaladderrungs-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qadivingboardgrip { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.18) 0 2px, transparent 2px 6px), var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 2px 10px 2px 2px; border-bottom: 4px solid var(--md); padding: 1px 14px; }
.us-qadivingboardgrip-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qadivingboardgrip-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qadivingboardgrip-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qadivingboardgrip-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qadivingboardgrip-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qalanehook { background: radial-gradient(circle at 12px 50%, transparent 0 3px, var(--mx) 3.6px 5.5px, transparent 6px), var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 5px; padding: 1px 12px 1px 28px; }
.us-qalanehook-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qalanehook-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qalanehook-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qalanehook-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qalanehook-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaskimmerbasket { background: repeating-linear-gradient(0deg, var(--md) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, var(--md) 0 1px, transparent 1px 5px), var(--ml); color: var(--mk); font-weight: 900; border: 2px solid var(--md); border-radius: 3px 3px 9px 9px; padding: 1px 12px; }
.us-qaskimmerbasket-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaskimmerbasket-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaskimmerbasket-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaskimmerbasket-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaskimmerbasket-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qapoolwallclock { background: radial-gradient(circle at 14px 50%, var(--mx) 0 6px, var(--md) 6.5px 8px, transparent 8.5px), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 6px; padding: 1px 12px 1px 30px; }
.us-qapoolwallclock-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapoolwallclock-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapoolwallclock-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapoolwallclock-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapoolwallclock-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaconcretesteppingst { background: radial-gradient(ellipse 20px 10px at 18% 50%, var(--ml) 0 90%, transparent 92%), radial-gradient(ellipse 20px 10px at 82% 50%, var(--ml) 0 90%, transparent 92%), var(--mx); color: var(--mk); font-weight: 900; border-radius: 8px; padding: 1px 22px; }
.us-qaconcretesteppingst-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaconcretesteppingst-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaconcretesteppingst-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaconcretesteppingst-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaconcretesteppingst-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapoolumbrellastand { background: linear-gradient(180deg, var(--m) 0 62%, var(--md) 62% 70%, var(--mk) 70%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 4px 4px 2px 2px; padding: 1px 12px 5px; }
.us-qapoolumbrellastand-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qapoolumbrellastand-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qapoolumbrellastand-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapoolumbrellastand-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapoolumbrellastand-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaslattedfence { background: repeating-linear-gradient(90deg, var(--ml) 0 7px, var(--m) 7px 9px); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 2px; border-top: 3px solid var(--md); padding: 2px 12px 1px; }
.us-qaslattedfence-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaslattedfence-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaslattedfence-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaslattedfence-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaslattedfence-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapoolfloordots { background: radial-gradient(circle, var(--ml) 0 1.6px, transparent 2px) 0 0 / 9px 9px, var(--md); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px; padding: 1px 12px; }
.us-qapoolfloordots-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qapoolfloordots-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qapoolfloordots-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qapoolfloordots-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qapoolfloordots-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qadraincross { background: linear-gradient(var(--md), var(--md)) 50% 50% / 100% 2px no-repeat, linear-gradient(var(--md), var(--md)) 50% 50% / 2px 100% no-repeat, radial-gradient(circle, var(--ml) 0 70%, var(--m) 72%); color: var(--mk); font-weight: 900; border-radius: 999px; padding: 1px 16px; }
.us-qadraincross-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qadraincross-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qadraincross-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qadraincross-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qadraincross-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qatileborderstrip { background: repeating-linear-gradient(90deg, var(--m) 0 6px, var(--mx) 6px 7px) 0 0 / 100% 5px no-repeat, repeating-linear-gradient(90deg, var(--m) 0 6px, var(--mx) 6px 7px) 0 100% / 100% 5px no-repeat, var(--mx); color: var(--mk); font-weight: 900; padding: 6px 12px; border-radius: 0; }
.us-qatileborderstrip-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qatileborderstrip-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qatileborderstrip-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qatileborderstrip-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qatileborderstrip-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qahottubcover { background: radial-gradient(ellipse 80% 55% at 50% 100%, var(--md), transparent 72%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 999px 6px 6px; padding: 1px 16px; }
.us-qahottubcover-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qahottubcover-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qahottubcover-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qahottubcover-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qahottubcover-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qapoolgatelatch { background: linear-gradient(90deg, var(--md) 0 7px, transparent 7px), var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px 8px 8px 3px; padding: 1px 14px 1px 16px; box-shadow: inset -5px 0 0 -2px var(--mx); }
.us-qapoolgatelatch-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapoolgatelatch-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapoolgatelatch-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qapoolgatelatch-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qapoolgatelatch-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qalifeguardchairleg { background: linear-gradient(115deg, transparent 0 8%, var(--md) 8% 12%, transparent 12%), linear-gradient(65deg, transparent 0 88%, var(--md) 88% 92%, transparent 92%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 94% 100%, 6% 100%); border-radius: 0; padding: 1px 16px 4px; }
.us-qalifeguardchairleg-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qalifeguardchairleg-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qalifeguardchairleg-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qalifeguardchairleg-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qalifeguardchairleg-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qapoolnoodleends { background: radial-gradient(circle at 8px 50%, var(--md) 0 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 8px) 50%, var(--md) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 999px; padding: 1px 20px; }
.us-qapoolnoodleends-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapoolnoodleends-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapoolnoodleends-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapoolnoodleends-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapoolnoodleends-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qabeachballwedges { background: conic-gradient(from 0deg, var(--m) 0 60deg, var(--mx) 60deg 120deg, var(--md) 120deg 180deg, var(--m) 180deg 240deg, var(--mx) 240deg 300deg, var(--md) 300deg); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-qabeachballwedges-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qabeachballwedges-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qabeachballwedges-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qabeachballwedges-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qabeachballwedges-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapoolloungerback { background: repeating-linear-gradient(0deg, var(--ml) 0 3px, var(--m) 3px 6px); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 12px 12px 3px 3px; transform: none; padding: 1px 14px; }
.us-qapoolloungerback-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qapoolloungerback-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qapoolloungerback-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapoolloungerback-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapoolloungerback-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qatubevalve { background: radial-gradient(circle at calc(100% - 10px) 50%, var(--mx) 0 3px, var(--md) 3.6px 5px, transparent 5.6px), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 999px; padding: 1px 24px 1px 14px; }
.us-qatubevalve-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qatubevalve-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qatubevalve-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qatubevalve-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qatubevalve-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qawatergunbarrel { background: linear-gradient(180deg, transparent 0 38%, var(--md) 38% 62%, transparent 62%) calc(100% - 2px) 0 / 14px 100% no-repeat, linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 6px 0 0 6px; padding: 1px 22px 1px 12px; }
.us-qawatergunbarrel-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qawatergunbarrel-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qawatergunbarrel-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qawatergunbarrel-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qawatergunbarrel-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qasandpailhandle { background: linear-gradient(180deg, var(--m) 0 100%) 0 100% / 100% 82% no-repeat; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border: 0; border-radius: 3px 3px 12px 12px; padding: 6px 13px 1px; box-shadow: 0 -4px 0 -1px var(--md); }
.us-qasandpailhandle-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qasandpailhandle-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qasandpailhandle-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qasandpailhandle-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qasandpailhandle-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qashovelblade { background: linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 4px 4px 999px 999px / 4px 4px 70% 70%; padding: 1px 15px 5px; }
.us-qashovelblade-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qashovelblade-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qashovelblade-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qashovelblade-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qashovelblade-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qakitetailbows { background: radial-gradient(circle at 10% 90%, var(--mx) 0 3px, transparent 3.6px), radial-gradient(circle at 50% 90%, var(--md) 0 3px, transparent 3.6px), radial-gradient(circle at 90% 90%, var(--mx) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 6px; padding: 1px 12px 7px; }
.us-qakitetailbows-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qakitetailbows-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qakitetailbows-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qakitetailbows-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qakitetailbows-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qapoolraftseams { background: linear-gradient(90deg, transparent calc(33.3% - 1px), var(--md) calc(33.3% - 1px) 33.3%, transparent 33.3% calc(66.6% - 1px), var(--md) calc(66.6% - 1px) 66.6%, transparent 66.6%), linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-qapoolraftseams-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapoolraftseams-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapoolraftseams-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qapoolraftseams-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qapoolraftseams-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qagogglestrapclip { background: linear-gradient(90deg, var(--md) 0 5px, transparent 5px calc(100% - 5px), var(--md) calc(100% - 5px)), var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px; padding: 1px 14px; }
.us-qagogglestrapclip-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qagogglestrapclip-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qagogglestrapclip-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qagogglestrapclip-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qagogglestrapclip-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qabathtoyboat { background: linear-gradient(180deg, var(--mx) 0 22%, transparent 22%), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); clip-path: polygon(0 18%, 100% 18%, 88% 100%, 12% 100%); border-radius: 0; padding: 7px 16px 1px; }
.us-qabathtoyboat-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qabathtoyboat-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qabathtoyboat-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qabathtoyboat-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qabathtoyboat-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qadivebrick { background: linear-gradient(180deg, var(--mx) 0 14%, transparent 14%), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px; border-bottom: 3px solid var(--mk); padding: 3px 12px 1px; }
.us-qadivebrick-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qadivebrick-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qadivebrick-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qadivebrick-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qadivebrick-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qawaterbombknot { background: radial-gradient(ellipse 60% 50% at 35% 28%, rgba(255,255,255,0.7), transparent 70%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 999px 999px 999px / 85% 85% 60% 60%; padding: 1px 15px 3px; }
.us-qawaterbombknot-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qawaterbombknot-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qawaterbombknot-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qawaterbombknot-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qawaterbombknot-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaflipflopthong { background: linear-gradient(180deg, var(--mx) 0 40%, var(--m) 40%); color: var(--mk); font-weight: 900; clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%); border-radius: 0; padding: 2px 15px; }
.us-qaflipflopthong-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaflipflopthong-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaflipflopthong-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaflipflopthong-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaflipflopthong-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaswimtrunkswaistban { background: linear-gradient(180deg, var(--md) 0 6px, var(--m) 6px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 3px; padding: 7px 12px 1px; box-shadow: inset 0 3px 0 -2px var(--mx); }
.us-qaswimtrunkswaistban-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaswimtrunkswaistban-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaswimtrunkswaistban-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaswimtrunkswaistban-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaswimtrunkswaistban-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qarashvestpanels { background: linear-gradient(90deg, var(--md) 0 12px, var(--m) 12px calc(100% - 12px), var(--md) calc(100% - 12px)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 8px 8px 3px 3px; padding: 1px 18px; }
.us-qarashvestpanels-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qarashvestpanels-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qarashvestpanels-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qarashvestpanels-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qarashvestpanels-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qawidebrimhat { background: linear-gradient(180deg, var(--ml) 0 60%, var(--m) 60% 70%, transparent 70%) 50% 0 / 62% 100% no-repeat, linear-gradient(180deg, transparent 0 70%, var(--ml) 70%); color: var(--mk); font-weight: 900; border-radius: 12px; padding: 4px 18px 5px; }
.us-qawidebrimhat-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qawidebrimhat-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qawidebrimhat-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qawidebrimhat-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qawidebrimhat-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qasunblockbottle { background: linear-gradient(180deg, var(--md) 0 10px, transparent 10px) 50% 0 / 34% 100% no-repeat, var(--mx); color: var(--mk); font-weight: 900; border: 2px solid var(--m); border-radius: 6px; padding: 8px 14px 1px; }
.us-qasunblockbottle-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qasunblockbottle-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qasunblockbottle-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qasunblockbottle-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qasunblockbottle-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qatanlineband { background: linear-gradient(90deg, var(--mx) 0 20%, var(--ml) 20% 80%, var(--mx) 80%); color: var(--mk); font-weight: 900; border-radius: 3px; padding: 1px 14px; }
.us-qatanlineband-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qatanlineband-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qatanlineband-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qatanlineband-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qatanlineband-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qazincnosestripe { background: linear-gradient(100deg, transparent 0 8%, var(--mx) 8% 20%, transparent 20% 28%, var(--ml) 28% 40%, transparent 40%), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px; padding: 1px 14px; }
.us-qazincnosestripe-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qazincnosestripe-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qazincnosestripe-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qazincnosestripe-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qazincnosestripe-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaseashellridges { background: repeating-conic-gradient(from 0deg at 50% 100%, var(--mx) 0 6deg, var(--ml) 6deg 12deg); color: var(--mk); font-weight: 900; border-radius: 999px 999px 8px 8px; padding: 1px 16px 3px; }
.us-qaseashellridges-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaseashellridges-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaseashellridges-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaseashellridges-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaseashellridges-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaanchortattoopatch { background: radial-gradient(circle at 14px 50%, var(--mx) 0 5px, transparent 5.6px), var(--md); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 5px; border: 1px dashed var(--ml); padding: 1px 12px 1px 26px; }
.us-qaanchortattoopatch-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaanchortattoopatch-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaanchortattoopatch-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaanchortattoopatch-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaanchortattoopatch-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qasandcastlecrenels { background: repeating-linear-gradient(90deg, var(--ml) 0 6px, transparent 6px 12px) 0 0 / 100% 5px no-repeat, linear-gradient(180deg, var(--ml), var(--m)); color: var(--mk); font-weight: 900; border-radius: 0 0 4px 4px; padding: 7px 13px 1px; }
.us-qasandcastlecrenels-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qasandcastlecrenels-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qasandcastlecrenels-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qasandcastlecrenels-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qasandcastlecrenels-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapalmfrondfan { background: repeating-conic-gradient(from 300deg at 50% 130%, var(--m) 0 6deg, var(--ml) 6deg 12deg); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 10px 10px 4px 4px; padding: 1px 14px; }
.us-qapalmfrondfan-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qapalmfrondfan-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qapalmfrondfan-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qapalmfrondfan-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapalmfrondfan-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qacoconutshellhalves { background: radial-gradient(circle at 12px 50%, var(--md) 0 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 12px) 50%, var(--md) 0 3px, transparent 3.6px), var(--mk); color: var(--mx); font-weight: 900; border-radius: 999px 999px 8px 8px; padding: 1px 22px; }
.us-qacoconutshellhalves-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qacoconutshellhalves-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qacoconutshellhalves-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qacoconutshellhalves-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qacoconutshellhalves-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaicedteacubes { background: radial-gradient(circle at 16% 30%, var(--mx) 0 3px, transparent 3.5px), radial-gradient(circle at 80% 60%, var(--mx) 0 3px, transparent 3.5px), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 4px 4px 10px 10px; padding: 1px 14px; }
.us-qaicedteacubes-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaicedteacubes-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaicedteacubes-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaicedteacubes-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaicedteacubes-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qalimewheel { background: repeating-conic-gradient(var(--mx) 0 15deg, var(--ml) 15deg 30deg); color: var(--mk); font-weight: 900; border: 3px solid var(--m); border-radius: 999px; padding: 0 14px; }
.us-qalimewheel-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qalimewheel-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qalimewheel-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qalimewheel-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qalimewheel-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qapretzelsalt { background: radial-gradient(circle, var(--mx) 0 1px, transparent 1.4px) 0 0 / 11px 7px, var(--md); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 14px; }
.us-qapretzelsalt-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapretzelsalt-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qapretzelsalt-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qapretzelsalt-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qapretzelsalt-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qacorndogskewer { background: linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 999px 4px 4px 999px; border-right: 10px solid var(--mx); padding: 1px 12px 1px 16px; }
.us-qacorndogskewer-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qacorndogskewer-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qacorndogskewer-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qacorndogskewer-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qacorndogskewer-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qanachocheesedrizzle { background: radial-gradient(circle at 20% 100%, var(--ml) 0 4px, transparent 4.6px), radial-gradient(circle at 55% 100%, var(--ml) 0 5px, transparent 5.6px), radial-gradient(circle at 85% 100%, var(--ml) 0 3.5px, transparent 4px), linear-gradient(180deg, var(--ml) 0 8px, var(--m) 8px); color: var(--mk); font-weight: 900; border-radius: 3px; padding: 9px 12px 7px; }
.us-qanachocheesedrizzle-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qanachocheesedrizzle-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qanachocheesedrizzle-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qanachocheesedrizzle-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qanachocheesedrizzle-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qapizzasliceedge { background: radial-gradient(circle at 24% 66%, var(--md) 0 2.5px, transparent 3px), radial-gradient(circle at 64% 46%, var(--md) 0 2.5px, transparent 3px), linear-gradient(180deg, var(--ml) 0 80%, var(--m) 80%); color: var(--mk); font-weight: 900; clip-path: polygon(0 0, 100% 0, 50% 100%); border-radius: 0; padding: 2px 1.7em 8px; text-align: center; }
.us-qapizzasliceedge-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qapizzasliceedge-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapizzasliceedge-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapizzasliceedge-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapizzasliceedge-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qafrankbunsplit { background: linear-gradient(180deg, transparent 0 34%, var(--md) 34% 66%, transparent 66%), var(--ml); color: var(--mk); font-weight: 900; border-radius: 999px; padding: 1px 16px; }
.us-qafrankbunsplit-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qafrankbunsplit-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qafrankbunsplit-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qafrankbunsplit-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qafrankbunsplit-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaicepopstick { background: linear-gradient(180deg, var(--ml), var(--m)); color: var(--mk); font-weight: 900; border-radius: 8px 3px 3px 8px; border-right: 12px solid var(--mx); padding: 1px 10px 1px 14px; }
.us-qaicepopstick-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaicepopstick-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaicepopstick-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaicepopstick-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaicepopstick-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qasundaecherry { background: radial-gradient(circle at 50% -2px, var(--md) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--mx) 0 30%, var(--ml) 30%); color: var(--mk); font-weight: 900; border-radius: 6px 6px 14px 14px; padding: 6px 14px 1px; }
.us-qasundaecherry-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qasundaecherry-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qasundaecherry-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qasundaecherry-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qasundaecherry-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaslushielayers { background: linear-gradient(180deg, var(--m) 0 34%, var(--ml) 34% 67%, var(--mx) 67%); color: var(--mk); font-weight: 900; border-radius: 4px 4px 12px 12px; text-shadow: 0 0 2px var(--mx), 0 0 3px var(--mx); padding: 1px 13px; }
.us-qaslushielayers-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaslushielayers-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaslushielayers-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaslushielayers-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaslushielayers-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qahoneydipper { background: repeating-linear-gradient(90deg, var(--md) 0 2px, transparent 2px 5px) 0 0 / 22px 100% no-repeat, linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 6px; padding: 1px 12px 1px 28px; }
.us-qahoneydipper-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qahoneydipper-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qahoneydipper-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qahoneydipper-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qahoneydipper-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qawaterbottlecap { background: linear-gradient(180deg, var(--md) 0 7px, transparent 7px) 0 0 / 100% 100% no-repeat, linear-gradient(180deg, var(--mx), var(--ml)); color: var(--mk); font-weight: 900; border: 1px solid var(--ml); border-radius: 6px; padding: 8px 12px 1px; }
.us-qawaterbottlecap-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qawaterbottlecap-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qawaterbottlecap-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qawaterbottlecap-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qawaterbottlecap-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaswimtestsign { background: linear-gradient(180deg, var(--md) 0 5px, var(--mx) 5px); color: var(--mk); font-weight: 900; border: 2px solid var(--md); border-radius: 3px; padding: 6px 12px 1px; }
.us-qaswimtestsign-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaswimtestsign-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaswimtestsign-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaswimtestsign-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaswimtestsign-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qabewaretriangle { background: linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); clip-path: polygon(50% 0, 100% 100%, 0 100%); border-radius: 0; padding: 7px 1.5em 1px; text-align: center; }
.us-qabewaretriangle-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qabewaretriangle-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qabewaretriangle-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qabewaretriangle-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qabewaretriangle-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qahoursboard { background: repeating-linear-gradient(0deg, transparent 0 7px, var(--ml) 7px 8px), var(--mk); color: var(--mx); font-weight: 800; border-radius: 3px; border: 2px solid var(--md); padding: 1px 12px; }
.us-qahoursboard-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qahoursboard-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qahoursboard-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qahoursboard-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qahoursboard-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaarrowpost { background: linear-gradient(180deg, var(--ml), var(--m)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%); border-radius: 0; padding: 1px 20px 1px 12px; }
.us-qaarrowpost-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaarrowpost-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaarrowpost-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qaarrowpost-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaarrowpost-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qashowerheadplate { background: radial-gradient(circle, var(--mx) 0 1px, transparent 1.4px) 0 0 / 7px 7px, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 1px 15px; }
.us-qashowerheadplate-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qashowerheadplate-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qashowerheadplate-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qashowerheadplate-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qashowerheadplate-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qanumberdisc { background: radial-gradient(circle, var(--mx) 0 62%, var(--m) 64%); color: var(--mk); font-weight: 900; border: 3px solid var(--md); border-radius: 999px; padding: 0 13px; }
.us-qanumberdisc-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qanumberdisc-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qanumberdisc-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qanumberdisc-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qanumberdisc-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qawaxsealstamp { background: radial-gradient(circle, var(--md) 0 55%, var(--m) 58%); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; box-shadow: 0 0 0 2px var(--md), 0 0 0 4px var(--m); margin: 0 6px; padding: 1px 14px; }
.us-qawaxsealstamp-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qawaxsealstamp-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qawaxsealstamp-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qawaxsealstamp-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qawaxsealstamp-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qafoldedcornertag { background: linear-gradient(225deg, transparent 0 9px, var(--md) 9px 10px, var(--mx) 10px); color: var(--mk); font-weight: 900; border-radius: 4px 0 4px 4px; border: 1px solid var(--ml); padding: 1px 16px 1px 12px; }
.us-qafoldedcornertag-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qafoldedcornertag-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qafoldedcornertag-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qafoldedcornertag-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qafoldedcornertag-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaluggagestrap { background: linear-gradient(180deg, transparent 0 40%, var(--md) 40% 60%, transparent 60%), var(--m); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--mk) 80%, transparent), 0 0 2px color-mix(in srgb, var(--mk) 55%, transparent); border-radius: 5px; padding: 1px 14px; }
.us-qaluggagestrap-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaluggagestrap-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaluggagestrap-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaluggagestrap-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaluggagestrap-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaropeframe { background: var(--mx); color: var(--mk); font-weight: 900; border: 3px dotted var(--m); border-radius: 8px; padding: 1px 13px; }
.us-qaropeframe-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaropeframe-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaropeframe-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaropeframe-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaropeframe-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaseigaihawaves { background: radial-gradient(circle at 50% 100%, transparent 0 4px, var(--mx) 4.5px 5.5px, transparent 6px, var(--ml) 6.5px 8px, transparent 8.5px) 0 0 / 16px 8px, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 6px; padding: 1px 12px; }
.us-qaseigaihawaves-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qaseigaihawaves-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qaseigaihawaves-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaseigaihawaves-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaseigaihawaves-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qalifebuoybands { background: repeating-linear-gradient(90deg, var(--mx) 0 10px, var(--m) 10px 20px); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-qalifebuoybands-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qalifebuoybands-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qalifebuoybands-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qalifebuoybands-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qalifebuoybands-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qasunburstpanel { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--ml) 0 10deg, var(--m) 10deg 20deg); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 4px; padding: 1px 14px; }
.us-qasunburstpanel-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qasunburstpanel-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qasunburstpanel-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qasunburstpanel-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qasunburstpanel-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qafishscaletiles { background: radial-gradient(circle at 50% 0, transparent 0 5px, var(--mx) 5.5px 6.3px, transparent 7px) 0 0 / 12px 8px, var(--ml); color: var(--mk); font-weight: 900; border-radius: 5px; padding: 1px 12px; }
.us-qafishscaletiles-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qafishscaletiles-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qafishscaletiles-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qafishscaletiles-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qafishscaletiles-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qatropicalleafrows { background: repeating-linear-gradient(60deg, var(--ml) 0 2px, transparent 2px 9px), repeating-linear-gradient(-60deg, var(--ml) 0 2px, transparent 2px 9px), var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 5px; padding: 1px 12px; }
.us-qatropicalleafrows-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qatropicalleafrows-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qatropicalleafrows-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qatropicalleafrows-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qatropicalleafrows-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qacrosshatchtowel { background: repeating-linear-gradient(0deg, var(--ml) 0 3px, transparent 3px 8px), repeating-linear-gradient(90deg, var(--ml) 0 3px, transparent 3px 8px), var(--mx); color: var(--mk); font-weight: 900; border-radius: 3px; padding: 1px 12px; }
.us-qacrosshatchtowel-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qacrosshatchtowel-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qacrosshatchtowel-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qacrosshatchtowel-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qacrosshatchtowel-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qadotmatrixsun { background: radial-gradient(circle, var(--m) 0 1.4px, transparent 1.8px) 0 0 / 6px 6px, var(--mx); color: var(--mk); font-weight: 900; border-radius: 8px; padding: 1px 13px; }
.us-qadotmatrixsun-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qadotmatrixsun-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qadotmatrixsun-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qadotmatrixsun-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qadotmatrixsun-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qaargylefloat { background: linear-gradient(45deg, var(--ml) 25%, transparent 25% 75%, var(--ml) 75%) 0 0 / 14px 14px, linear-gradient(45deg, var(--ml) 25%, transparent 25% 75%, var(--ml) 75%) 7px 7px / 14px 14px, var(--m); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 5px; padding: 1px 12px; }
.us-qaargylefloat-1 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaargylefloat-2 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaargylefloat-3 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaargylefloat-4 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qaargylefloat-5 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qaaquabead { background: radial-gradient(ellipse 70% 40% at 50% 18%, rgba(255,255,255,0.75), transparent 72%), linear-gradient(180deg, var(--m), var(--md)); color: #ffffff; text-shadow: 0 1px 2px var(--mk), 0 0 3px var(--mk), 0 0 4px color-mix(in srgb, var(--mk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 -3px 5px rgba(0,0,0,0.2); padding: 1px 15px; }
.us-qaaquabead-1 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qaaquabead-2 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qaaquabead-3 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qaaquabead-4 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qaaquabead-5 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qafrostedlens { background: color-mix(in srgb, var(--mx) 70%, transparent); color: var(--mk); font-weight: 900; border: 1px solid var(--ml); border-radius: 12px; box-shadow: inset 0 1px 0 #ffffff, 0 2px 6px color-mix(in srgb, var(--m) 40%, transparent); padding: 1px 14px; }
.us-qafrostedlens-1 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qafrostedlens-2 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qafrostedlens-3 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qafrostedlens-4 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qafrostedlens-5 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qawaterlevelgauge { background: linear-gradient(180deg, var(--mx) 0 38%, var(--m) 38%); color: var(--mk); font-weight: 900; border: 2px solid var(--md); border-radius: 5px; padding: 1px 12px; }
.us-qawaterlevelgauge-1 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qawaterlevelgauge-2 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qawaterlevelgauge-3 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qawaterlevelgauge-4 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qawaterlevelgauge-5 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qadigitaldepthsign { background: linear-gradient(180deg, var(--mk), var(--md)); color: var(--mx); font-family: "JetBrains Mono", ui-monospace, monospace; letter-spacing: 0.08em; border: 2px solid var(--ml); border-radius: 3px; padding: 1px 12px; }
.us-qadigitaldepthsign-1 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qadigitaldepthsign-2 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qadigitaldepthsign-3 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qadigitaldepthsign-4 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qadigitaldepthsign-5 { --m: #22d3ee; --ml: #a5f3fc; --mx: #f0fdff; --md: #0891b2; --mk: #0a3a4a; }
.us-qapagerdisplay { background: repeating-linear-gradient(0deg, transparent 0 2px, color-mix(in srgb, var(--mk) 14%, transparent) 2px 3px), var(--ml); color: var(--mk); font-weight: 900; font-family: "JetBrains Mono", ui-monospace, monospace; border: 3px solid var(--md); border-radius: 6px; padding: 1px 12px; }
.us-qapagerdisplay-1 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qapagerdisplay-2 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qapagerdisplay-3 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qapagerdisplay-4 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qapagerdisplay-5 { --m: #fb8c00; --ml: #ffc06b; --mx: #fff4e6; --md: #c25e00; --mk: #4a2400; }
.us-qawetglasspane { background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.8) 0 2px, transparent 2.6px), radial-gradient(circle at 70% 60%, rgba(255,255,255,0.8) 0 2.5px, transparent 3px), color-mix(in srgb, var(--ml) 70%, transparent); color: var(--mk); font-weight: 900; border: 1px solid var(--m); border-radius: 8px; padding: 1px 13px; }
.us-qawetglasspane-1 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qawetglasspane-2 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qawetglasspane-3 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qawetglasspane-4 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qawetglasspane-5 { --m: #38bdf8; --ml: #bae6fd; --mx: #f5fbff; --md: #0284c7; --mk: #0c2d48; }
.us-qadashunderglow { background: linear-gradient(90deg, var(--m) 0 60%, transparent 60% 70%, var(--m) 70% 80%, transparent 80% 90%, var(--m) 90%) 0 100% / 100% 3px no-repeat; color: var(--md); font-weight: 900; padding: 0 2px 3px; border-radius: 0; }
.us-qadashunderglow-1 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qadashunderglow-2 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qadashunderglow-3 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qadashunderglow-4 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qadashunderglow-5 { --m: #ff9f5a; --ml: #ffcba1; --mx: #fff5ec; --md: #d0621f; --mk: #5a2a0d; }
.us-qadoubleunderlinewav { background: linear-gradient(var(--m), var(--m)) 0 100% / 100% 2px no-repeat, linear-gradient(var(--ml), var(--ml)) 0 calc(100% - 4px) / 100% 2px no-repeat; color: var(--md); font-weight: 900; padding: 0 2px 5px; border-radius: 0; }
.us-qadoubleunderlinewav-1 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qadoubleunderlinewav-2 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qadoubleunderlinewav-3 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qadoubleunderlinewav-4 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qadoubleunderlinewav-5 { --m: #1d4ed8; --ml: #60a5fa; --mx: #eff6ff; --md: #1e3a8a; --mk: #0b1640; }
.us-qacornerbrackets { background: linear-gradient(var(--m), var(--m)) 0 0 / 7px 2px no-repeat, linear-gradient(var(--m), var(--m)) 0 0 / 2px 7px no-repeat, linear-gradient(var(--m), var(--m)) 100% 100% / 7px 2px no-repeat, linear-gradient(var(--m), var(--m)) 100% 100% / 2px 7px no-repeat; color: var(--md); font-weight: 900; padding: 2px 8px; border-radius: 0; }
.us-qacornerbrackets-1 { --m: #ff7a1a; --ml: #ffb36b; --mx: #fff1e3; --md: #c2410c; --mk: #4a1a03; }
.us-qacornerbrackets-2 { --m: #0ea5e9; --ml: #7dd3fc; --mx: #f0f9ff; --md: #0369a1; --mk: #082f49; }
.us-qacornerbrackets-3 { --m: #f4511e; --ml: #ff8a65; --mx: #ffece5; --md: #b5300b; --mk: #431204; }
.us-qacornerbrackets-4 { --m: #06b6d4; --ml: #67e8f9; --mx: #ecfeff; --md: #0e7490; --mk: #083344; }
.us-qacornerbrackets-5 { --m: #ffa552; --ml: #ffd3a8; --mx: #fff8f0; --md: #dd7420; --mk: #5c300a; }
.us-qbcafelightstrand { background: radial-gradient(circle at 12% 100%, var(--ol) 0 3px, transparent 3.6px), radial-gradient(circle at 38% 100%, var(--c) 0 3px, transparent 3.6px), radial-gradient(circle at 64% 100%, var(--ol) 0 3px, transparent 3.6px), radial-gradient(circle at 88% 100%, var(--c) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--b), color-mix(in srgb, var(--b) 60%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px 8px; }
.us-qbcafelightstrand-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbcafelightstrand-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbcafelightstrand-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbcafelightstrand-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbcafelightstrand-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbpaperlanternribs { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.16) 0 1px, transparent 1px 9px), radial-gradient(ellipse at 50% 40%, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px / 70%; border-top: 3px solid var(--dk); border-bottom: 3px solid var(--dk); padding: 0 16px; }
.us-qbpaperlanternribs-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbpaperlanternribs-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbpaperlanternribs-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbpaperlanternribs-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbpaperlanternribs-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbglowsticksnap { background: linear-gradient(180deg, rgba(255,255,255,0.5), transparent 50%), linear-gradient(90deg, var(--c) 0 100%); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px; box-shadow: 0 0 8px 2px color-mix(in srgb, var(--c) 70%, transparent); padding: 1px 18px; }
.us-qbglowsticksnap-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbglowsticksnap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbglowsticksnap-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbglowsticksnap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbglowsticksnap-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbdiscoballfacets { background: repeating-linear-gradient(0deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 5px), repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 1px, transparent 1px 5px), radial-gradient(circle at 30% 25%, #ffffff, var(--c) 40%, var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px; padding: 1px 15px; }
.us-qbdiscoballfacets-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbdiscoballfacets-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbdiscoballfacets-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbdiscoballfacets-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbdiscoballfacets-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbspotlightbeam { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(14% 0, 86% 0, 100% 100%, 0 100%); border-radius: 0; padding: 1px 20px; }
.us-qbspotlightbeam-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbspotlightbeam-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbspotlightbeam-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbspotlightbeam-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbspotlightbeam-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbneontubearc { background: color-mix(in srgb, var(--dk) 85%, var(--b)); color: #ffffff; text-shadow: 0 0 4px var(--c), 0 0 8px var(--c); border: 2px solid var(--c); border-radius: 999px; box-shadow: 0 0 8px var(--c), inset 0 0 6px color-mix(in srgb, var(--c) 60%, transparent); padding: 1px 15px; }
.us-qbneontubearc-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbneontubearc-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbneontubearc-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbneontubearc-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbneontubearc-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbledstripsegments { background: repeating-linear-gradient(90deg, var(--ol) 0 4px, var(--o) 4px 5px, transparent 5px 8px) 0 100% / 100% 4px no-repeat, linear-gradient(180deg, var(--b), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 12px 7px; }
.us-qbledstripsegments-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbledstripsegments-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbledstripsegments-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbledstripsegments-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbledstripsegments-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbsparklerrays { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--ol) 0 6deg, transparent 6deg 24deg) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 1px 30px; }
.us-qbsparklerrays-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbsparklerrays-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbsparklerrays-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbsparklerrays-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbsparklerrays-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbfireworkburst { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--ol) 0 4deg, transparent 4deg 30deg), radial-gradient(circle, var(--dk), color-mix(in srgb, var(--b) 50%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 15px; }
.us-qbfireworkburst-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbfireworkburst-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbfireworkburst-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbfireworkburst-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbfireworkburst-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbfloatingcandle { background: radial-gradient(ellipse 12px 12px at 50% 0, var(--ol) 0 40%, transparent 42%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 999px 999px; border-bottom: 3px solid var(--o); padding: 7px 14px 1px; }
.us-qbfloatingcandle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbfloatingcandle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbfloatingcandle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbfloatingcandle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbfloatingcandle-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qblaserfan { background: repeating-conic-gradient(from 240deg at 50% 100%, var(--o) 0 2deg, transparent 2deg 10deg), linear-gradient(180deg, var(--dk), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 15px; }
.us-qblaserfan-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qblaserfan-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qblaserfan-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qblaserfan-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qblaserfan-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qblavadotgrid { background: radial-gradient(circle, var(--ol) 0 2px, transparent 2.6px) 0 0 / 8px 8px, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 13px; }
.us-qblavadotgrid-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qblavadotgrid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qblavadotgrid-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qblavadotgrid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qblavadotgrid-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbballoonarchbubbles { background: radial-gradient(circle at 15% 100%, var(--ol) 0 6px, transparent 6.6px), radial-gradient(circle at 38% 100%, var(--c) 0 6px, transparent 6.6px), radial-gradient(circle at 62% 100%, var(--o) 0 6px, transparent 6.6px), radial-gradient(circle at 85% 100%, var(--w) 0 6px, transparent 6.6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 5px; padding: 1px 14px 10px; }
.us-qbballoonarchbubbles-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbballoonarchbubbles-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbballoonarchbubbles-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbballoonarchbubbles-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbballoonarchbubbles-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbconfettipop { background: radial-gradient(circle at 12% 30%, var(--o) 0 1.6px, transparent 2px), radial-gradient(circle at 34% 72%, var(--c) 0 1.6px, transparent 2px), radial-gradient(circle at 62% 24%, var(--ol) 0 1.6px, transparent 2px), radial-gradient(circle at 86% 64%, var(--b) 0 1.6px, transparent 2px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 6px; padding: 1px 13px; }
.us-qbconfettipop-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbconfettipop-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbconfettipop-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbconfettipop-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbconfettipop-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbstreamercurl { background: repeating-radial-gradient(circle at 100% 50%, var(--o) 0 2px, var(--ol) 2px 5px, transparent 5px 8px) 100% 50% / 30px 100% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 34px 1px 12px; }
.us-qbstreamercurl-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbstreamercurl-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbstreamercurl-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbstreamercurl-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbstreamercurl-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbpartyhorncone { background: linear-gradient(180deg, var(--o), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 60%); border-radius: 0; padding: 2px 18px 2px 14px; }
.us-qbpartyhorncone-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbpartyhorncone-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbpartyhorncone-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbpartyhorncone-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbpartyhorncone-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbpinatafringe { background: repeating-linear-gradient(90deg, var(--o) 0 5px, var(--c) 5px 10px) 0 100% / 100% 7px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px 9px; }
.us-qbpinatafringe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbpinatafringe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbpinatafringe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbpinatafringe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbpinatafringe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbcupcakelinerpleats { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 2px, transparent 2px 6px) 0 100% / 100% 45% no-repeat, linear-gradient(180deg, #ffffff 0 55%, transparent 55%), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 12px 12px 3px 3px; padding: 1px 14px 7px; }
.us-qbcupcakelinerpleats-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbcupcakelinerpleats-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbcupcakelinerpleats-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbcupcakelinerpleats-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbcupcakelinerpleats-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbbirthdaycandlestri { background: repeating-linear-gradient(135deg, var(--o) 0 4px, #ffffff 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 1px 15px; }
.us-qbbirthdaycandlestri-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbbirthdaycandlestri-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbbirthdaycandlestri-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbbirthdaycandlestri-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbbirthdaycandlestri-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbgiftribboncross { background: linear-gradient(90deg, transparent calc(50% - 4px), var(--ol) calc(50% - 4px) calc(50% + 4px), transparent calc(50% + 4px)), linear-gradient(180deg, transparent calc(50% - 3px), var(--ol) calc(50% - 3px) calc(50% + 3px), transparent calc(50% + 3px)), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 4px; padding: 1px 16px; }
.us-qbgiftribboncross-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbgiftribboncross-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbgiftribboncross-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbgiftribboncross-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbgiftribboncross-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbpennantbunting { background: repeating-linear-gradient(90deg, var(--o) 0 10px, var(--c) 10px 20px) 0 0 / 100% 6px no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); border-radius: 0; padding: 8px 13px 1px; border-bottom: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); }
.us-qbpennantbunting-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbpennantbunting-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbpennantbunting-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbpennantbunting-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbpennantbunting-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbcakelayers { background: linear-gradient(180deg, #ffffff 0 30%, var(--ol) 30% 34%, var(--o) 34% 66%, var(--ol) 66% 70%, var(--c) 70%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 4px; padding: 2px 14px; }
.us-qbcakelayers-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbcakelayers-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbcakelayers-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbcakelayers-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbcakelayers-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbnapkintrianglefold { background: linear-gradient(135deg, transparent 0 14px, rgba(0,0,0,0.12) 14px 15px, transparent 15px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 2px; padding: 1px 14px; }
.us-qbnapkintrianglefold-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbnapkintrianglefold-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbnapkintrianglefold-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbnapkintrianglefold-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbnapkintrianglefold-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbphotopropmustache { background: radial-gradient(ellipse 30% 70% at 25% 40%, var(--dk) 0 90%, transparent 92%), radial-gradient(ellipse 30% 70% at 75% 40%, var(--dk) 0 90%, transparent 92%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 8px 14px 1px; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); }
.us-qbphotopropmustache-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbphotopropmustache-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbphotopropmustache-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbphotopropmustache-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbphotopropmustache-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbvinylgrooves { background: repeating-radial-gradient(circle at 50% 50%, var(--dk) 0 2px, color-mix(in srgb, var(--b) 40%, var(--dk)) 2px 4px); color: #ffffff; font-weight: 900; text-shadow: 0 0 3px var(--dk); border: 2px solid var(--o); border-radius: 999px; padding: 1px 16px; }
.us-qbvinylgrooves-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbvinylgrooves-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbvinylgrooves-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbvinylgrooves-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbvinylgrooves-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbequalizerbars { background: linear-gradient(90deg, var(--ol) 0 10%, transparent 10% 15%, var(--o) 15% 25%, transparent 25% 30%, var(--ol) 30% 40%, transparent 40% 45%, var(--o) 45% 55%, transparent 55% 60%, var(--ol) 60% 70%, transparent 70% 75%, var(--o) 75% 85%, transparent 85% 90%, var(--ol) 90%) 0 100% / 100% 40% no-repeat, linear-gradient(180deg, var(--b), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 12px 8px; }
.us-qbequalizerbars-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbequalizerbars-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbequalizerbars-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbequalizerbars-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbequalizerbars-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbspeakerconerings { background: repeating-radial-gradient(circle at 50% 50%, var(--dk) 0 2px, var(--b) 2px 6px); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border: 3px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 10px; padding: 1px 14px; }
.us-qbspeakerconerings-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbspeakerconerings-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbspeakerconerings-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbspeakerconerings-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbspeakerconerings-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbcassettewindow { background: radial-gradient(circle at 24% 50%, var(--w) 0 4px, transparent 4.6px), radial-gradient(circle at 76% 50%, var(--w) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; border-top: 3px solid var(--dk); padding: 1px 14px; }
.us-qbcassettewindow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbcassettewindow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbcassettewindow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbcassettewindow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbcassettewindow-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbheadphoneband { background: linear-gradient(180deg, var(--dk) 0 4px, transparent 4px), linear-gradient(90deg, var(--dk) 0 8px, transparent 8px calc(100% - 8px), var(--dk) calc(100% - 8px)), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 12px 12px 3px 3px; padding: 6px 16px 1px; }
.us-qbheadphoneband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbheadphoneband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbheadphoneband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbheadphoneband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbheadphoneband-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbmicwindscreen { background: radial-gradient(circle, rgba(255,255,255,0.3) 0 1px, transparent 1.4px) 0 0 / 5px 5px, linear-gradient(180deg, var(--o), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-qbmicwindscreen-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbmicwindscreen-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbmicwindscreen-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbmicwindscreen-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbmicwindscreen-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbpianokeyrow { background: repeating-linear-gradient(90deg, transparent 0 9px, var(--dk) 9px 11px), linear-gradient(180deg, var(--dk) 0 55%, transparent 55%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--dk); border-radius: 2px 2px 6px 6px; padding: 1px 13px; }
.us-qbpianokeyrow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbpianokeyrow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbpianokeyrow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbpianokeyrow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbpianokeyrow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbtapereelspokes { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--w) 0 20deg, var(--b) 20deg 60deg); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border: 3px solid var(--dk); border-radius: 999px; padding: 0 16px; }
.us-qbtapereelspokes-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbtapereelspokes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbtapereelspokes-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbtapereelspokes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbtapereelspokes-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbpineapplerindscale { background: repeating-linear-gradient(45deg, rgba(0,0,0,0.16) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.16) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; border-top: 6px solid var(--c); padding: 1px 14px; }
.us-qbpineapplerindscale-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbpineapplerindscale-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbpineapplerindscale-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbpineapplerindscale-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbpineapplerindscale-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbmangoslicehatch { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; padding: 1px 15px; }
.us-qbmangoslicehatch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbmangoslicehatch-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbmangoslicehatch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbmangoslicehatch-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbmangoslicehatch-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbcottoncandyfluff { background: radial-gradient(ellipse 30% 70% at 15% 50%, var(--w) 0 60%, transparent 66%), radial-gradient(ellipse 30% 70% at 85% 50%, var(--w) 0 60%, transparent 66%), linear-gradient(180deg, var(--ol), var(--c)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 18px; }
.us-qbcottoncandyfluff-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbcottoncandyfluff-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbcottoncandyfluff-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbcottoncandyfluff-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbcottoncandyfluff-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbgummybearring { background: radial-gradient(ellipse 45% 45% at 50% 50%, var(--w) 0 55%, transparent 58%), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: inset 0 2px 3px rgba(255,255,255,0.6); padding: 1px 16px; }
.us-qbgummybearring-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbgummybearring-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbgummybearring-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbgummybearring-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbgummybearring-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbjellybeanspeckle { background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.8) 0 1px, transparent 1.4px), radial-gradient(circle at 70% 70%, rgba(255,255,255,0.8) 0 1px, transparent 1.4px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 999px 999px / 60% 60% 40% 40%; padding: 1px 15px; }
.us-qbjellybeanspeckle-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbjellybeanspeckle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbjellybeanspeckle-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbjellybeanspeckle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbjellybeanspeckle-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbmarshmallowpillow { background: radial-gradient(ellipse 50% 70% at 50% 30%, #ffffff, color-mix(in srgb, var(--w) 70%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 12px; box-shadow: 0 2px 0 -1px color-mix(in srgb, var(--b) 55%, var(--w)); padding: 1px 15px; }
.us-qbmarshmallowpillow-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbmarshmallowpillow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbmarshmallowpillow-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbmarshmallowpillow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbmarshmallowpillow-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbcandiedpeeltwist { background: repeating-linear-gradient(135deg, var(--o) 0 5px, var(--ol) 5px 10px); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px 4px 999px 4px; padding: 1px 15px; }
.us-qbcandiedpeeltwist-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbcandiedpeeltwist-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbcandiedpeeltwist-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbcandiedpeeltwist-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbcandiedpeeltwist-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbbobapearls { background: radial-gradient(circle at 20% 82%, var(--dk) 0 3.5px, transparent 4px), radial-gradient(circle at 42% 88%, var(--dk) 0 3.5px, transparent 4px), radial-gradient(circle at 64% 82%, var(--dk) 0 3.5px, transparent 4px), radial-gradient(circle at 84% 88%, var(--dk) 0 3.5px, transparent 4px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 12px 12px; padding: 1px 14px 9px; }
.us-qbbobapearls-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbbobapearls-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbbobapearls-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbbobapearls-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbbobapearls-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbswirlpopcandy { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--o) 0 30deg, #ffffff 30deg 60deg) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 8px 8px 999px; padding: 1px 12px 1px 30px; }
.us-qbswirlpopcandy-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbswirlpopcandy-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbswirlpopcandy-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbswirlpopcandy-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbswirlpopcandy-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbwafflebowlgrid { background: repeating-linear-gradient(0deg, rgba(0,0,0,0.18) 0 1px, transparent 1px 6px), repeating-linear-gradient(90deg, rgba(0,0,0,0.18) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 14px 14px; padding: 1px 13px; }
.us-qbwafflebowlgrid-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbwafflebowlgrid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbwafflebowlgrid-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbwafflebowlgrid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbwafflebowlgrid-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbwristbandloop { background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0) 52%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.5); padding: 1px 17px; }
.us-qbwristbandloop-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbwristbandloop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbwristbandloop-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbwristbandloop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbwristbandloop-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbticketstubperforat { background: radial-gradient(circle at 0 50%, transparent 0 5px, var(--o) 5.5px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 5px, var(--o) 5.5px) 100% 0 / 51% 100% no-repeat; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); padding: 1px 16px; border-radius: 3px; }
.us-qbticketstubperforat-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbticketstubperforat-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbticketstubperforat-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbticketstubperforat-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbticketstubperforat-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbrafflerolledge { background: radial-gradient(circle at 50% 0, transparent 0 3px, var(--o) 3.5px) 0 0 / 10px 100% repeat-x; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0; border-bottom: 3px dotted var(--ol); padding: 6px 13px 1px; }
.us-qbrafflerolledge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbrafflerolledge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbrafflerolledge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbrafflerolledge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbrafflerolledge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbboardingpassstrip { background: linear-gradient(90deg, #ffffff 0 74%, var(--o) 74%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); padding: 1px 26px 1px 12px; }
.us-qbboardingpassstrip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbboardingpassstrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbboardingpassstrip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbboardingpassstrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbboardingpassstrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qblanyardclip { background: linear-gradient(180deg, var(--dk) 0 3px, transparent 3px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 8px 8px; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); padding: 5px 13px 1px; }
.us-qblanyardclip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qblanyardclip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qblanyardclip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qblanyardclip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qblanyardclip-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbstickersheetpeel { background: linear-gradient(225deg, transparent 0 8px, rgba(0,0,0,0.15) 8px 9px, #ffffff 9px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px 0 8px 8px; box-shadow: 0 0 0 2px var(--c); padding: 1px 15px; }
.us-qbstickersheetpeel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbstickersheetpeel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbstickersheetpeel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbstickersheetpeel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbstickersheetpeel-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbembossedlabeltape { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; font-family: "JetBrains Mono", ui-monospace, monospace; border-radius: 2px; border-left: 4px solid var(--o); border-right: 4px solid var(--o); padding: 1px 10px; }
.us-qbembossedlabeltape-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbembossedlabeltape-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbembossedlabeltape-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbembossedlabeltape-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbembossedlabeltape-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbindexcardruling { background: repeating-linear-gradient(180deg, transparent 0 8px, var(--c) 8px 9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--o); border-radius: 2px; padding: 3px 13px 1px; }
.us-qbindexcardruling-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbindexcardruling-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbindexcardruling-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbindexcardruling-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbindexcardruling-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbmaskingtapestrip { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 4px), linear-gradient(180deg, color-mix(in srgb, var(--ol) 70%, var(--w)), color-mix(in srgb, var(--ol) 40%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 10%, 4% 0, 8% 10%, 92% 10%, 96% 0, 100% 10%, 100% 90%, 96% 100%, 92% 90%, 8% 90%, 4% 100%, 0 90%); border-radius: 0; padding: 4px 16px; }
.us-qbmaskingtapestrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbmaskingtapestrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbmaskingtapestrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbmaskingtapestrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbmaskingtapestrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbstickynotecurl { background: linear-gradient(225deg, rgba(0,0,0,0.14) 0 8px, transparent 8px), linear-gradient(180deg, var(--ol), color-mix(in srgb, var(--ol) 70%, var(--o))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px 2px 2px 8px; padding: 1px 14px; }
.us-qbstickynotecurl-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbstickynotecurl-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbstickynotecurl-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbstickynotecurl-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbstickynotecurl-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbreceiptzigzag { background: linear-gradient(135deg, #ffffff 25%, transparent 25%) 0 100% / 8px 5px repeat-x, linear-gradient(225deg, #ffffff 25%, transparent 25%) 0 100% / 8px 5px repeat-x, linear-gradient(180deg, #ffffff 0 calc(100% - 5px), transparent calc(100% - 5px)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; font-family: "JetBrains Mono", ui-monospace, monospace; padding: 1px 12px 6px; border-radius: 0; }
.us-qbreceiptzigzag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbreceiptzigzag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbreceiptzigzag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbreceiptzigzag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbreceiptzigzag-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbpostmarkcircles { background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(0,0,0,0.0) 4px 5px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 999px; box-shadow: 6px 0 0 -1px color-mix(in srgb, var(--b) 55%, var(--w)); margin-right: 8px; padding: 0 14px; }
.us-qbpostmarkcircles-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbpostmarkcircles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbpostmarkcircles-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbpostmarkcircles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbpostmarkcircles-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbrescuebinocularlen { background: radial-gradient(circle at 18% 50%, var(--c) 0 6px, var(--dk) 6.6px 8px, transparent 8.6px), radial-gradient(circle at 82% 50%, var(--c) 0 6px, var(--dk) 6.6px 8px, transparent 8.6px), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 26px; }
.us-qbrescuebinocularlen-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbrescuebinocularlen-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbrescuebinocularlen-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbrescuebinocularlen-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbrescuebinocularlen-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbraftvalvecap { background: radial-gradient(circle at calc(100% - 9px) 50%, var(--w) 0 3px, var(--dk) 3.6px 5px, transparent 5.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 24px 1px 14px; }
.us-qbraftvalvecap-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbraftvalvecap-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbraftvalvecap-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbraftvalvecap-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbraftvalvecap-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbdrybagrolltop { background: repeating-linear-gradient(180deg, rgba(0,0,0,0.18) 0 2px, transparent 2px 4px) 0 0 / 100% 8px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 10px 10px; padding: 9px 14px 1px; }
.us-qbdrybagrolltop-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbdrybagrolltop-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbdrybagrolltop-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbdrybagrolltop-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbdrybagrolltop-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbseascootergrip { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.2) 0 2px, transparent 2px 6px), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 12px 12px 999px; border-right: 6px solid var(--o); padding: 1px 14px; }
.us-qbseascootergrip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbseascootergrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbseascootergrip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbseascootergrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbseascootergrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbkelpribbon { background: radial-gradient(ellipse 14px 5px at 20% 100%, var(--c) 0 70%, transparent 72%), radial-gradient(ellipse 14px 5px at 60% 100%, var(--c) 0 70%, transparent 72%), linear-gradient(180deg, var(--b), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 14px 6px; }
.us-qbkelpribbon-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbkelpribbon-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbkelpribbon-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbkelpribbon-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbkelpribbon-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbchannelmarkerbuoy { background: linear-gradient(180deg, var(--o) 0 33%, #ffffff 33% 66%, var(--o) 66%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px 999px 6px 6px; border: 2px solid var(--dk); padding: 0 14px; }
.us-qbchannelmarkerbuoy-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbchannelmarkerbuoy-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbchannelmarkerbuoy-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbchannelmarkerbuoy-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbchannelmarkerbuoy-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbfishingbobber { background: linear-gradient(180deg, var(--o) 0 50%, #ffffff 50%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; box-shadow: 0 -4px 0 -2px var(--dk); padding: 1px 15px; }
.us-qbfishingbobber-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbfishingbobber-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbfishingbobber-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbfishingbobber-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbfishingbobber-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbnetfloatbeads { background: radial-gradient(circle at 12px 50%, var(--o) 0 4px, transparent 4.6px), radial-gradient(circle at calc(100% - 12px) 50%, var(--o) 0 4px, transparent 4.6px), repeating-linear-gradient(0deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 24px; }
.us-qbnetfloatbeads-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbnetfloatbeads-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbnetfloatbeads-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbnetfloatbeads-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbnetfloatbeads-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbanchorchainlinks { background: repeating-linear-gradient(90deg, transparent 0 4px, var(--w) 4px 6px, transparent 6px 10px) 0 100% / 100% 5px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px 7px; }
.us-qbanchorchainlinks-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbanchorchainlinks-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbanchorchainlinks-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbanchorchainlinks-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbanchorchainlinks-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbhullwaterline { background: linear-gradient(180deg, #ffffff 0 55%, var(--o) 55% 62%, var(--b) 62%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%); border-radius: 0; padding: 1px 18px 6px; }
.us-qbhullwaterline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbhullwaterline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbhullwaterline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbhullwaterline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbhullwaterline-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbshipwheelspokes { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--o) 0 8deg, transparent 8deg 45deg), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--o); border-radius: 999px; padding: 0 15px; }
.us-qbshipwheelspokes-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbshipwheelspokes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbshipwheelspokes-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbshipwheelspokes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbshipwheelspokes-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbmemphissquiggles { background: repeating-linear-gradient(45deg, var(--o) 0 2px, transparent 2px 9px), repeating-linear-gradient(-45deg, var(--c) 0 2px, transparent 2px 9px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qbmemphissquiggles-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbmemphissquiggles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbmemphissquiggles-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbmemphissquiggles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbmemphissquiggles-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbatomicorbitrings { background: radial-gradient(ellipse 50% 22% at 50% 50%, transparent 0 80%, var(--o) 82% 100%) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 1px 32px; }
.us-qbatomicorbitrings-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbatomicorbitrings-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbatomicorbitrings-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbatomicorbitrings-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbatomicorbitrings-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbcheckerflag { background: conic-gradient(var(--dk) 25%, #ffffff 0 50%, var(--dk) 0 75%, #ffffff 0) 0 0 / 12px 12px; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border: 2px solid var(--dk); border-radius: 2px; padding: 1px 12px; }
.us-qbcheckerflag-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbcheckerflag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbcheckerflag-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbcheckerflag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbcheckerflag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbzigzagchevronroll { background: linear-gradient(135deg, var(--o) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(225deg, var(--o) 25%, transparent 25%) -6px 0 / 12px 12px, linear-gradient(315deg, var(--o) 25%, transparent 25%) 0 0 / 12px 12px, linear-gradient(45deg, var(--o) 25%, transparent 25%) 0 0 / 12px 12px, var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qbzigzagchevronroll-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbzigzagchevronroll-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbzigzagchevronroll-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbzigzagchevronroll-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbzigzagchevronroll-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbbauhausshapes { background: radial-gradient(circle at 14px 50%, var(--o) 0 5px, transparent 5.6px), linear-gradient(135deg, transparent 0 70%, var(--c) 70%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--dk); border-radius: 0; padding: 1px 12px 1px 28px; }
.us-qbbauhausshapes-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbbauhausshapes-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbbauhausshapes-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbbauhausshapes-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbbauhausshapes-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbstarburstbadge { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--o) 0 9deg, var(--ol) 9deg 18deg); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); clip-path: polygon(0 50%, 4% 20%, 14% 6%, 50% 0, 86% 6%, 96% 20%, 100% 50%, 96% 80%, 86% 94%, 50% 100%, 14% 94%, 4% 80%); border-radius: 0; padding: 4px 18px; }
.us-qbstarburstbadge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbstarburstbadge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbstarburstbadge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbstarburstbadge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbstarburstbadge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbpolkaringdots { background: radial-gradient(circle, transparent 0 2px, var(--o) 2.6px 3.6px, transparent 4.2px) 0 0 / 12px 12px, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 5px; padding: 1px 13px; }
.us-qbpolkaringdots-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbpolkaringdots-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbpolkaringdots-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbpolkaringdots-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbpolkaringdots-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbsunrayposter { background: repeating-conic-gradient(from 0deg at 50% 100%, var(--ol) 0 7deg, var(--o) 7deg 14deg); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 6px; padding: 1px 15px; }
.us-qbsunrayposter-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbsunrayposter-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbsunrayposter-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbsunrayposter-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbsunrayposter-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbplaidblanket { background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--b) 40%, transparent) 0 4px, transparent 4px 10px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--o) 45%, transparent) 0 4px, transparent 4px 10px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qbplaidblanket-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbplaidblanket-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbplaidblanket-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbplaidblanket-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbplaidblanket-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbquiltsquares { background: conic-gradient(var(--ol) 25%, var(--c) 0 50%, var(--o) 0 75%, var(--w) 0) 0 0 / 14px 14px; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px; border: 2px solid var(--b); padding: 1px 12px; }
.us-qbquiltsquares-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbquiltsquares-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbquiltsquares-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbquiltsquares-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbquiltsquares-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbdoilylace { background: radial-gradient(circle at 50% 0, transparent 0 3px, #ffffff 3.6px) 0 0 / 10px 6px repeat-x, radial-gradient(circle at 50% 100%, transparent 0 3px, #ffffff 3.6px) 0 100% / 10px 6px repeat-x, var(--c); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px; padding: 7px 13px; }
.us-qbdoilylace-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbdoilylace-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbdoilylace-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbdoilylace-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbdoilylace-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbrickracktrim { background: linear-gradient(135deg, var(--o) 25%, transparent 25%) 0 0 / 8px 8px, linear-gradient(225deg, var(--o) 25%, transparent 25%) 0 0 / 8px 8px, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; border-bottom: 3px solid var(--o); padding: 8px 13px 1px; }
.us-qbrickracktrim-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbrickracktrim-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbrickracktrim-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbrickracktrim-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbrickracktrim-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbneonscriptunderlin { background: linear-gradient(90deg, transparent, var(--c), transparent) 0 100% / 100% 3px no-repeat; color: var(--b); font-weight: 900; text-shadow: 0 0 6px color-mix(in srgb, var(--c) 70%, transparent); padding: 0 4px 3px; border-radius: 0; }
.us-qbneonscriptunderlin-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbneonscriptunderlin-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbneonscriptunderlin-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbneonscriptunderlin-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbneonscriptunderlin-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbblockshadowstack { background: transparent; color: var(--o); font-weight: 900; text-shadow: 1px 1px 0 var(--b), 2px 2px 0 var(--b), 3px 3px 0 var(--b), 4px 4px 0 var(--dk); padding: 0 6px; }
.us-qbblockshadowstack-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbblockshadowstack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbblockshadowstack-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbblockshadowstack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbblockshadowstack-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbstencilcut { background: transparent; color: var(--b); font-weight: 900; letter-spacing: 0.06em; border-top: 3px solid var(--b); border-bottom: 3px solid var(--b); border-radius: 0; padding: 0 6px; }
.us-qbstencilcut-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbstencilcut-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbstencilcut-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbstencilcut-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbstencilcut-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbwobbleoutline { background: transparent; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.6px var(--b); font-weight: 900; text-shadow: 2px 2px 0 var(--ol); padding: 0 4px; }
.us-qbwobbleoutline-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbwobbleoutline-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbwobbleoutline-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbwobbleoutline-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbwobbleoutline-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbmarkerscribbleunde { background: linear-gradient(100deg, transparent 0 3%, var(--ol) 3% 97%, transparent 97%) 0 100% / 100% 40% no-repeat, linear-gradient(80deg, transparent 0 8%, var(--c) 8% 92%, transparent 92%) 0 78% / 100% 25% no-repeat; color: var(--dk); font-weight: 900; padding: 0 4px; border-radius: 0; }
.us-qbmarkerscribbleunde-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbmarkerscribbleunde-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbmarkerscribbleunde-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbmarkerscribbleunde-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbmarkerscribbleunde-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbstickerhalotext { background: transparent; color: var(--o); font-weight: 900; -webkit-text-stroke: 4px #ffffff; paint-order: stroke fill; text-shadow: 0 2px 4px color-mix(in srgb, var(--dk) 45%, transparent); padding: 0 5px; }
.us-qbstickerhalotext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbstickerhalotext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbstickerhalotext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbstickerhalotext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbstickerhalotext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbchalkboardtext { background: color-mix(in srgb, var(--dk) 88%, var(--b)); color: #ffffff; font-weight: 700; letter-spacing: 0.04em; border: 3px solid var(--o); border-radius: 4px; padding: 1px 12px; }
.us-qbchalkboardtext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbchalkboardtext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbchalkboardtext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbchalkboardtext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbchalkboardtext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbembossedlettering { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: color-mix(in srgb, var(--b) 75%, var(--w)); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 color-mix(in srgb, var(--b) 60%, transparent); border-radius: 6px; padding: 1px 13px; }
.us-qbembossedlettering-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbembossedlettering-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbembossedlettering-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbembossedlettering-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbembossedlettering-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbombresplitletters { background: linear-gradient(180deg, var(--o) 0 50%, var(--c) 50%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-weight: 900; padding: 0 4px; border-radius: 0; }
.us-qbombresplitletters-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbombresplitletters-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbombresplitletters-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbombresplitletters-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbombresplitletters-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbtickerhighlightbar { background: linear-gradient(90deg, var(--o) 0 6px, transparent 6px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 12px 1px 14px; }
.us-qbtickerhighlightbar-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbtickerhighlightbar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbtickerhighlightbar-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbtickerhighlightbar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbtickerhighlightbar-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbunderconstructiont { background: repeating-linear-gradient(45deg, var(--dk) 0 8px, var(--ol) 8px 16px); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 2px; padding: 1px 14px; }
.us-qbunderconstructiont-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbunderconstructiont-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qbunderconstructiont-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbunderconstructiont-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qbunderconstructiont-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbcloudbubble { background: radial-gradient(circle at 20% 100%, #ffffff 0 7px, transparent 7.6px), radial-gradient(circle at 80% 100%, #ffffff 0 7px, transparent 7.6px), radial-gradient(circle at 50% 0, #ffffff 0 9px, transparent 9.6px), #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 12px; box-shadow: 0 0 0 2px var(--c); padding: 3px 14px; }
.us-qbcloudbubble-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qbcloudbubble-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qbcloudbubble-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qbcloudbubble-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qbcloudbubble-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbconfetticannonstre { background: repeating-linear-gradient(115deg, var(--o) 0 2px, transparent 2px 7px), repeating-linear-gradient(65deg, var(--c) 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 5px 14px 5px 14px; padding: 1px 15px; }
.us-qbconfetticannonstre-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qbconfetticannonstre-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qbconfetticannonstre-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qbconfetticannonstre-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qbconfetticannonstre-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcwrenchjaw { background: radial-gradient(circle at calc(100% - 12px) 50%, transparent 0 4px, var(--b) 4.6px) , linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 14px 14px 6px; padding: 1px 26px 1px 13px; }
.us-qcwrenchjaw-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcwrenchjaw-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcwrenchjaw-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcwrenchjaw-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcwrenchjaw-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qctapemeasureticks { background: repeating-linear-gradient(90deg, var(--dk) 0 1px, transparent 1px 6px) 0 0 / 100% 6px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; border-bottom: 3px solid var(--dk); padding: 7px 13px 1px; }
.us-qctapemeasureticks-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qctapemeasureticks-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qctapemeasureticks-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qctapemeasureticks-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qctapemeasureticks-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qchexbolthead { background: linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(14% 0, 86% 0, 100% 50%, 86% 100%, 14% 100%, 0 50%); border-radius: 0; padding: 1px 18px; }
.us-qchexbolthead-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qchexbolthead-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qchexbolthead-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qchexbolthead-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qchexbolthead-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcscrewslot { background: linear-gradient(var(--dk), var(--dk)) 10px 50% / 12px 2px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--w) 88%, var(--c)), color-mix(in srgb, var(--b) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); padding: 1px 14px 1px 28px; }
.us-qcscrewslot-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcscrewslot-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcscrewslot-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcscrewslot-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcscrewslot-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcpaintchipstrip { background: linear-gradient(90deg, var(--o) 0 20%, var(--ol) 20% 40%, var(--c) 40% 60%, var(--b) 60% 80%, var(--dk) 80%) 0 0 / 100% 6px no-repeat, #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 2px; padding: 8px 12px 1px; }
.us-qcpaintchipstrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcpaintchipstrip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcpaintchipstrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcpaintchipstrip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcpaintchipstrip-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcsawtoothedge { background: linear-gradient(135deg, var(--dk) 25%, transparent 25%) 0 100% / 8px 6px repeat-x, linear-gradient(225deg, var(--dk) 25%, transparent 25%) 0 100% / 8px 6px repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 0 0; padding: 1px 13px 7px; }
.us-qcsawtoothedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcsawtoothedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcsawtoothedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcsawtoothedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcsawtoothedge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcpegboardholes { background: radial-gradient(circle, var(--dk) 0 1.6px, transparent 2px) 0 0 / 9px 9px, linear-gradient(180deg, color-mix(in srgb, var(--w) 88%, var(--c)), color-mix(in srgb, var(--b) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qcpegboardholes-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcpegboardholes-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpegboardholes-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcpegboardholes-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcpegboardholes-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qctoolboxlatch { background: linear-gradient(180deg, var(--dk) 0 4px, transparent 4px), radial-gradient(circle at 50% 8px, var(--w) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 7px 14px 1px; }
.us-qctoolboxlatch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qctoolboxlatch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qctoolboxlatch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qctoolboxlatch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qctoolboxlatch-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qclevelbubble { background: radial-gradient(ellipse 12px 5px at 50% 50%, var(--ol) 0 80%, transparent 82%), linear-gradient(180deg, color-mix(in srgb, var(--c) 40%, var(--w)), var(--c)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 999px; padding: 1px 20px; }
.us-qclevelbubble-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qclevelbubble-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qclevelbubble-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qclevelbubble-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qclevelbubble-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcclampjaw { background: linear-gradient(90deg, var(--dk) 0 8px, transparent 8px calc(100% - 8px), var(--dk) calc(100% - 8px)), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 18px; }
.us-qcclampjaw-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcclampjaw-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcclampjaw-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcclampjaw-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcclampjaw-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcrivetplate { background: radial-gradient(circle at 6px 6px, var(--w) 0 2px, transparent 2.6px), radial-gradient(circle at calc(100% - 6px) 6px, var(--w) 0 2px, transparent 2.6px), radial-gradient(circle at 6px calc(100% - 6px), var(--w) 0 2px, transparent 2.6px), radial-gradient(circle at calc(100% - 6px) calc(100% - 6px), var(--w) 0 2px, transparent 2.6px), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 2px 16px; }
.us-qcrivetplate-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcrivetplate-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcrivetplate-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcrivetplate-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcrivetplate-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcworkbenchgrain { background: repeating-linear-gradient(95deg, rgba(0,0,0,0.12) 0 1px, transparent 1px 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; border-bottom: 4px solid var(--dk); padding: 1px 13px; }
.us-qcworkbenchgrain-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcworkbenchgrain-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcworkbenchgrain-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcworkbenchgrain-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcworkbenchgrain-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qctentpeak { background: linear-gradient(180deg, var(--o), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(50% 0, 100% 100%, 0 100%); border-radius: 0; padding: 8px 1.7em 1px; text-align: center; }
.us-qctentpeak-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qctentpeak-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qctentpeak-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qctentpeak-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qctentpeak-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcsleepingbagquilt { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 9px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-qcsleepingbagquilt-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcsleepingbagquilt-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcsleepingbagquilt-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcsleepingbagquilt-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcsleepingbagquilt-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qccampfirelogs { background: linear-gradient(180deg, transparent 0 55%, var(--dk) 55% 70%, color-mix(in srgb, var(--o) 40%, var(--dk)) 70%), radial-gradient(ellipse 30% 70% at 50% 50%, var(--ol), transparent 70%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 14px 5px; }
.us-qccampfirelogs-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qccampfirelogs-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccampfirelogs-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qccampfirelogs-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qccampfirelogs-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qccompassrose { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--o) 0 10deg, var(--w) 10deg 45deg) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 1px 32px; }
.us-qccompassrose-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qccompassrose-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qccompassrose-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qccompassrose-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qccompassrose-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qctrailmarkerblaze { background: linear-gradient(180deg, transparent 0 25%, var(--o) 25% 75%, transparent 75%) 8px 50% / 8px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 3px; padding: 1px 14px 1px 24px; }
.us-qctrailmarkerblaze-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qctrailmarkerblaze-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qctrailmarkerblaze-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qctrailmarkerblaze-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qctrailmarkerblaze-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qclanternmesh { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.25) 0 1px, transparent 1px 5px), radial-gradient(ellipse at 50% 50%, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-top: 4px solid var(--dk); border-bottom: 4px solid var(--dk); border-radius: 6px; padding: 0 14px; }
.us-qclanternmesh-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qclanternmesh-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qclanternmesh-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qclanternmesh-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qclanternmesh-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qccanteenstrap { background: linear-gradient(90deg, var(--dk) 0 5px, transparent 5px calc(100% - 5px), var(--dk) calc(100% - 5px)), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 18px; }
.us-qccanteenstrap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qccanteenstrap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qccanteenstrap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qccanteenstrap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qccanteenstrap-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcropecoil { background: repeating-radial-gradient(circle at 50% 50%, var(--ol) 0 2px, var(--o) 2px 4px); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px; border: 2px solid var(--dk); padding: 1px 16px; }
.us-qcropecoil-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcropecoil-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcropecoil-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcropecoil-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcropecoil-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcbinocularcord { background: linear-gradient(180deg, transparent 0 46%, var(--dk) 46% 54%, transparent 54%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 15px; }
.us-qcbinocularcord-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcbinocularcord-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcbinocularcord-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcbinocularcord-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcbinocularcord-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpinetreerow { background: repeating-linear-gradient(135deg, var(--b) 0 5px, transparent 5px 10px) 0 100% / 100% 40% no-repeat, linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c) 50%, var(--b))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px 7px; }
.us-qcpinetreerow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcpinetreerow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpinetreerow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcpinetreerow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcpinetreerow-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcmarshmallowskewer { background: radial-gradient(circle at 12px 50%, #ffffff 0 5px, transparent 5.6px), radial-gradient(circle at 28px 50%, #ffffff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 999px 999px 4px; padding: 1px 14px 1px 42px; }
.us-qcmarshmallowskewer-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcmarshmallowskewer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcmarshmallowskewer-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcmarshmallowskewer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcmarshmallowskewer-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccampmugenamel { background: linear-gradient(180deg, var(--dk) 0 3px, transparent 3px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 4px 4px 12px 12px; box-shadow: 4px 0 0 -1px var(--b); padding: 5px 14px 1px; }
.us-qccampmugenamel-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qccampmugenamel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccampmugenamel-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qccampmugenamel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qccampmugenamel-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcfishbonespine { background: repeating-linear-gradient(90deg, transparent 0 5px, var(--w) 5px 6px) 0 50% / 100% 9px no-repeat, linear-gradient(180deg, transparent 0 46%, var(--w) 46% 54%, transparent 54%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 4px 4px 999px; padding: 1px 15px; }
.us-qcfishbonespine-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcfishbonespine-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcfishbonespine-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcfishbonespine-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcfishbonespine-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcsunriseoverhills { background: radial-gradient(circle at 50% 100%, var(--ol) 0 7px, transparent 7.6px), radial-gradient(ellipse 50% 60% at 20% 110%, var(--b) 0 90%, transparent 92%), radial-gradient(ellipse 50% 60% at 80% 110%, var(--dk) 0 90%, transparent 92%), linear-gradient(180deg, var(--c), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 5px; padding: 1px 14px 7px; }
.us-qcsunriseoverhills-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcsunriseoverhills-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcsunriseoverhills-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcsunriseoverhills-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcsunriseoverhills-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcwhittlestick { background: repeating-linear-gradient(110deg, transparent 0 14px, rgba(0,0,0,0.22) 14px 15px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 3px 3px 999px; padding: 1px 14px; }
.us-qcwhittlestick-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcwhittlestick-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcwhittlestick-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcwhittlestick-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcwhittlestick-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcboardwalkplanks { background: repeating-linear-gradient(90deg, transparent 0 18px, rgba(0,0,0,0.3) 18px 20px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px; border-bottom: 4px solid var(--dk); padding: 1px 13px; }
.us-qcboardwalkplanks-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcboardwalkplanks-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcboardwalkplanks-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcboardwalkplanks-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcboardwalkplanks-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcobservationwheelsp { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--w) 0 4deg, transparent 4deg 30deg), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--o); border-radius: 999px; padding: 0 16px; }
.us-qcobservationwheelsp-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcobservationwheelsp-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcobservationwheelsp-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcobservationwheelsp-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcobservationwheelsp-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcskeeballrings { background: repeating-radial-gradient(circle at 50% 50%, var(--o) 0 3px, var(--w) 3px 6px, var(--b) 6px 9px); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px; padding: 1px 16px; }
.us-qcskeeballrings-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcskeeballrings-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcskeeballrings-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcskeeballrings-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcskeeballrings-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcarcadetoken { background: radial-gradient(circle, var(--ol) 0 56%, var(--o) 58% 68%, var(--ol) 70%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: 0 0 0 2px var(--dk); padding: 1px 14px; }
.us-qcarcadetoken-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcarcadetoken-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcarcadetoken-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcarcadetoken-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcarcadetoken-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcclawmachineglass { background: linear-gradient(135deg, rgba(255,255,255,0.5) 0 12%, transparent 12% 20%, rgba(255,255,255,0.35) 20% 24%, transparent 24%), color-mix(in srgb, var(--c) 35%, var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--b); border-radius: 8px; padding: 1px 13px; }
.us-qcclawmachineglass-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcclawmachineglass-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcclawmachineglass-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcclawmachineglass-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcclawmachineglass-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcpinballbumper { background: radial-gradient(circle, var(--ol) 0 30%, var(--o) 32% 55%, var(--dk) 57% 66%, transparent 68%); color: #ffffff; font-weight: 900; text-shadow: 0 0 2px var(--dk), 0 0 3px var(--dk), 0 1px 3px var(--dk), 0 0 5px var(--dk); border-radius: 999px; padding: 1px 15px; }
.us-qcpinballbumper-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcpinballbumper-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcpinballbumper-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcpinballbumper-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcpinballbumper-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcredemptionticketst { background: radial-gradient(circle at 0 50%, transparent 0 4px, var(--o) 4.6px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 4px, var(--o) 4.6px) 100% 0 / 51% 100% no-repeat; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; border-top: 2px dotted var(--ol); border-bottom: 2px dotted var(--ol); padding: 1px 16px; }
.us-qcredemptionticketst-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcredemptionticketst-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcredemptionticketst-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcredemptionticketst-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcredemptionticketst-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qccarouselstripe { background: repeating-linear-gradient(90deg, var(--o) 0 8px, #ffffff 8px 16px) 0 0 / 100% 7px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0 0 8px 8px; padding: 9px 14px 1px; }
.us-qccarouselstripe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qccarouselstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qccarouselstripe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qccarouselstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qccarouselstripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccottoncandycone { background: radial-gradient(ellipse 55% 55% at 50% 38%, var(--ol) 0 85%, transparent 88%), repeating-linear-gradient(45deg, var(--o) 0 2px, transparent 2px 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 999px; padding: 1px 15px; }
.us-qccottoncandycone-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qccottoncandycone-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccottoncandycone-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qccottoncandycone-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qccottoncandycone-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcrollercoastertrack { background: repeating-linear-gradient(90deg, var(--dk) 0 2px, transparent 2px 9px) 0 100% / 100% 6px no-repeat, linear-gradient(180deg, transparent calc(100% - 9px), var(--o) calc(100% - 9px) calc(100% - 7px), transparent calc(100% - 7px)), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 13px 10px; }
.us-qcrollercoastertrack-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcrollercoastertrack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcrollercoastertrack-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcrollercoastertrack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcrollercoastertrack-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcbumpercarrail { background: linear-gradient(180deg, var(--o) 0 100%) 0 100% / 100% 7px no-repeat, linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0) 52%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 13px 9px; }
.us-qcbumpercarrail-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcbumpercarrail-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcbumpercarrail-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcbumpercarrail-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcbumpercarrail-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcdunktanktarget { background: radial-gradient(circle at 14px 50%, var(--o) 0 3px, #ffffff 3.6px 6px, var(--o) 6.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 1px 32px; }
.us-qcdunktanktarget-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcdunktanktarget-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcdunktanktarget-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcdunktanktarget-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcdunktanktarget-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcsouvenirpennypress { background: radial-gradient(circle at 50% 50%, transparent 0 60%, rgba(0,0,0,0.18) 62% 66%, transparent 68%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-qcsouvenirpennypress-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcsouvenirpennypress-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcsouvenirpennypress-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcsouvenirpennypress-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcsouvenirpennypress-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcpipingedge { background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 8px; box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 4px var(--o); padding: 1px 14px; }
.us-qcpipingedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcpipingedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcpipingedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcpipingedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcpipingedge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcribbontails { background: linear-gradient(180deg, var(--o), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 0, 94% 50%, 100% 100%, 0 100%, 6% 50%); border-radius: 0; padding: 1px 20px; }
.us-qcribbontails-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcribbontails-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcribbontails-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcribbontails-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcribbontails-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcscallopvalance { background: radial-gradient(circle at 50% 0, var(--o) 0 5px, transparent 5.6px) 0 100% / 12px 8px repeat-x, linear-gradient(180deg, var(--c) 0 calc(100% - 7px), transparent calc(100% - 7px)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 0 0; padding: 1px 13px 9px; }
.us-qcscallopvalance-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcscallopvalance-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcscallopvalance-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcscallopvalance-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcscallopvalance-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcfringetassels { background: repeating-linear-gradient(90deg, var(--o) 0 3px, transparent 3px 6px) 0 100% / 100% 7px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px 9px; }
.us-qcfringetassels-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcfringetassels-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcfringetassels-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcfringetassels-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcfringetassels-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcbindingtapeedge { background: linear-gradient(180deg, var(--o) 0 4px, transparent 4px calc(100% - 4px), var(--o) calc(100% - 4px)), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 5px 13px; }
.us-qcbindingtapeedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcbindingtapeedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcbindingtapeedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcbindingtapeedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcbindingtapeedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcbuttonrow { background: radial-gradient(circle at 10px 50%, var(--o) 0 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 10px) 50%, var(--o) 0 3px, transparent 3.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 4px; padding: 1px 22px; }
.us-qcbuttonrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcbuttonrow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcbuttonrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcbuttonrow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcbuttonrow-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qczipteeth { background: repeating-linear-gradient(90deg, var(--w) 0 3px, transparent 3px 6px) 0 50% / 100% 6px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px; }
.us-qczipteeth-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qczipteeth-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qczipteeth-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qczipteeth-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qczipteeth-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcgrommetedge { background: radial-gradient(circle at 8px 50%, transparent 0 2.5px, var(--w) 3px 4.6px, transparent 5px), radial-gradient(circle at calc(100% - 8px) 50%, transparent 0 2.5px, var(--w) 3px 4.6px, transparent 5px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 20px; }
.us-qcgrommetedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcgrommetedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcgrommetedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcgrommetedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcgrommetedge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcbasketweaveband { background: repeating-linear-gradient(0deg, rgba(0,0,0,0.16) 0 2px, transparent 2px 6px), repeating-linear-gradient(90deg, rgba(255,255,255,0.22) 0 4px, transparent 4px 8px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px; }
.us-qcbasketweaveband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcbasketweaveband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcbasketweaveband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcbasketweaveband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcbasketweaveband-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcherringbonestrip { background: repeating-linear-gradient(45deg, rgba(0,0,0,0.14) 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.18) 0 2px, transparent 2px 6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px; }
.us-qcherringbonestrip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcherringbonestrip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcherringbonestrip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcherringbonestrip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcherringbonestrip-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcstitchedpatch { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px dashed rgba(255,255,255,0.8); outline: 3px solid var(--o); border-radius: 6px; margin: 0 4px; padding: 1px 13px; }
.us-qcstitchedpatch-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcstitchedpatch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcstitchedpatch-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcstitchedpatch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcstitchedpatch-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcwovenlabeledge { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.12) 0 1px, transparent 1px 3px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-left: 4px solid var(--o); border-right: 4px solid var(--o); border-radius: 1px; padding: 1px 10px; }
.us-qcwovenlabeledge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcwovenlabeledge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcwovenlabeledge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcwovenlabeledge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcwovenlabeledge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcriverbendlines { background: repeating-radial-gradient(ellipse 120% 90% at 100% 0, transparent 0 6px, rgba(255,255,255,0.35) 6px 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px; }
.us-qcriverbendlines-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcriverbendlines-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcriverbendlines-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcriverbendlines-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcriverbendlines-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qclakeglasssheen { background: linear-gradient(100deg, transparent 0 30%, rgba(255,255,255,0.5) 30% 38%, transparent 38%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-qclakeglasssheen-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qclakeglasssheen-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qclakeglasssheen-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qclakeglasssheen-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qclakeglasssheen-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qccreekstonepath { background: radial-gradient(ellipse 9px 5px at 14% 50%, var(--w) 0 90%, transparent 92%), radial-gradient(ellipse 9px 5px at 50% 50%, var(--w) 0 90%, transparent 92%), radial-gradient(ellipse 9px 5px at 86% 50%, var(--w) 0 90%, transparent 92%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 14px 1px; }
.us-qccreekstonepath-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qccreekstonepath-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qccreekstonepath-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qccreekstonepath-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qccreekstonepath-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcreedbed { background: repeating-linear-gradient(80deg, transparent 0 6px, var(--b) 6px 7px, transparent 7px 11px) 0 100% / 100% 50% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px 5px; }
.us-qcreedbed-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcreedbed-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcreedbed-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcreedbed-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcreedbed-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcdragonflywing { background: repeating-linear-gradient(60deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 5px), repeating-linear-gradient(-60deg, rgba(255,255,255,0.4) 0 1px, transparent 1px 5px), color-mix(in srgb, var(--c) 70%, transparent); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 4px 999px 4px; border: 1px solid var(--c); padding: 1px 15px; }
.us-qcdragonflywing-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcdragonflywing-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcdragonflywing-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcdragonflywing-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcdragonflywing-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qclilypadnotch { background: radial-gradient(circle at 100% 50%, transparent 0 7px, var(--c) 7.6px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 18px; }
.us-qclilypadnotch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qclilypadnotch-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qclilypadnotch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qclilypadnotch-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qclilypadnotch-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qctidechartwave { background: radial-gradient(ellipse 14px 6px at 14px 100%, var(--c) 0 90%, transparent 92%) 0 100% / 28px 100% repeat-x, #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 3px; padding: 1px 13px 7px; }
.us-qctidechartwave-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qctidechartwave-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qctidechartwave-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qctidechartwave-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qctidechartwave-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcpebblebeachdots { background: radial-gradient(ellipse 5px 3px at 20% 70%, var(--b) 0 90%, transparent 92%), radial-gradient(ellipse 5px 3px at 55% 80%, var(--o) 0 90%, transparent 92%), radial-gradient(ellipse 5px 3px at 85% 65%, var(--b) 0 90%, transparent 92%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px 5px; }
.us-qcpebblebeachdots-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcpebblebeachdots-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcpebblebeachdots-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcpebblebeachdots-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcpebblebeachdots-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcwaterfallstreaks { background: repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0 2px, transparent 2px 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; padding: 1px 13px; }
.us-qcwaterfallstreaks-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcwaterfallstreaks-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcwaterfallstreaks-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcwaterfallstreaks-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcwaterfallstreaks-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcmoonlitwater { background: radial-gradient(circle at 86% 30%, #ffffff 0 5px, transparent 5.6px), linear-gradient(180deg, var(--dk), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 22px 1px 13px; }
.us-qcmoonlitwater-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcmoonlitwater-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcmoonlitwater-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcmoonlitwater-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcmoonlitwater-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcdewonglass { background: radial-gradient(circle at 18% 30%, rgba(255,255,255,0.9) 0 2px, transparent 2.6px), radial-gradient(circle at 48% 70%, rgba(255,255,255,0.9) 0 2.4px, transparent 3px), radial-gradient(circle at 82% 36%, rgba(255,255,255,0.9) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 13px; }
.us-qcdewonglass-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcdewonglass-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcdewonglass-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcdewonglass-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcdewonglass-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcsaltsprayfleck { background: radial-gradient(circle, rgba(255,255,255,0.7) 0 0.8px, transparent 1.2px) 0 0 / 5px 5px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px; }
.us-qcsaltsprayfleck-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcsaltsprayfleck-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcsaltsprayfleck-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcsaltsprayfleck-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcsaltsprayfleck-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcthermosband { background: linear-gradient(180deg, var(--dk) 0 6px, transparent 6px calc(100% - 6px), var(--dk) calc(100% - 6px)), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, var(--w)), color-mix(in srgb, var(--b) 80%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 7px 13px; }
.us-qcthermosband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcthermosband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcthermosband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcthermosband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcthermosband-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccoolerlidridge { background: linear-gradient(180deg, #ffffff 0 5px, var(--dk) 5px 6px, transparent 6px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 8px 13px 1px; }
.us-qccoolerlidridge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qccoolerlidridge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccoolerlidridge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qccoolerlidridge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qccoolerlidridge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qciceblockchill { background: linear-gradient(135deg, rgba(255,255,255,0.7) 0 14%, transparent 14% 40%), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 45%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 5px; padding: 1px 13px; }
.us-qciceblockchill-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qciceblockchill-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qciceblockchill-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qciceblockchill-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qciceblockchill-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qclemonwedge { background: repeating-conic-gradient(from 90deg at 50% 0, var(--ol) 0 14deg, var(--w) 14deg 28deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 100% 0, 50% 100%); border-radius: 0; padding: 1px 1.7em 8px; text-align: center; }
.us-qclemonwedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qclemonwedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qclemonwedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qclemonwedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qclemonwedge-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcjuicepouchstraw { background: linear-gradient(90deg, var(--o) 0 100%) calc(100% - 10px) 0 / 4px 6px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 7px 13px 1px; }
.us-qcjuicepouchstraw-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcjuicepouchstraw-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcjuicepouchstraw-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcjuicepouchstraw-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcjuicepouchstraw-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpicniccheckcloth { background: conic-gradient(var(--o) 25%, #ffffff 0 50%, var(--o) 0 75%, #ffffff 0) 0 0 / 12px 12px; color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; border-radius: 3px; border: 1px solid var(--o); padding: 1px 12px; }
.us-qcpicniccheckcloth-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcpicniccheckcloth-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpicniccheckcloth-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcpicniccheckcloth-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcpicniccheckcloth-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcbasketlidhandle { background: repeating-linear-gradient(45deg, rgba(0,0,0,0.14) 0 2px, transparent 2px 5px), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px; border-top: 4px solid var(--dk); padding: 1px 15px; }
.us-qcbasketlidhandle-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcbasketlidhandle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcbasketlidhandle-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcbasketlidhandle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcbasketlidhandle-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccoffeesteam { background: radial-gradient(ellipse 4px 9px at 30% 0, rgba(255,255,255,0.8), transparent 70%), radial-gradient(ellipse 4px 9px at 60% 0, rgba(255,255,255,0.8), transparent 70%), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 12px 12px; padding: 6px 14px 1px; }
.us-qccoffeesteam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qccoffeesteam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qccoffeesteam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qccoffeesteam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qccoffeesteam-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcfieldguidetab { background: linear-gradient(90deg, var(--o) 0 8px, transparent 8px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 10px 10px 3px; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); padding: 1px 14px 1px 16px; }
.us-qcfieldguidetab-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcfieldguidetab-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcfieldguidetab-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcfieldguidetab-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcfieldguidetab-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcmapfoldcrease { background: linear-gradient(90deg, transparent calc(50% - 1px), rgba(0,0,0,0.2) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 2px; padding: 1px 14px; }
.us-qcmapfoldcrease-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcmapfoldcrease-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcmapfoldcrease-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcmapfoldcrease-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcmapfoldcrease-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcmeritbadgeedge { background: radial-gradient(circle, var(--ol) 0 52%, var(--o) 54%); color: var(--dk); font-weight: 900; text-shadow: 0 0 2px #ffffff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #ffffff; clip-path: polygon(0 50%, 5% 25%, 18% 8%, 50% 0, 82% 8%, 95% 25%, 100% 50%, 95% 75%, 82% 92%, 50% 100%, 18% 92%, 5% 75%); border-radius: 0; padding: 4px 17px; }
.us-qcmeritbadgeedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcmeritbadgeedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcmeritbadgeedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcmeritbadgeedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcmeritbadgeedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcluggagetaghole { background: radial-gradient(circle at 10px 50%, transparent 0 3px, var(--b) 3.6px 4.6px, transparent 5px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 50%, 6% 0, 100% 0, 100% 100%, 6% 100%); border-radius: 0; padding: 1px 14px 1px 20px; }
.us-qcluggagetaghole-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcluggagetaghole-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcluggagetaghole-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcluggagetaghole-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcluggagetaghole-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcpassportstampring { background: transparent; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); outline: 2px solid var(--b); outline-offset: -6px; border-radius: 999px; transform: none; padding: 0 16px; }
.us-qcpassportstampring-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcpassportstampring-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcpassportstampring-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcpassportstampring-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcpassportstampring-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcseedpacketfold { background: linear-gradient(180deg, var(--o) 0 5px, transparent 5px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--w) 80%, var(--ol))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 2px 2px 6px 6px; padding: 7px 13px 1px; }
.us-qcseedpacketfold-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcseedpacketfold-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcseedpacketfold-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcseedpacketfold-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcseedpacketfold-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qctrailsigncarve { background: linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 -1px 0 rgba(0,0,0,0.3); border-radius: 3px 10px 3px 10px; padding: 1px 14px; }
.us-qctrailsigncarve-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qctrailsigncarve-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qctrailsigncarve-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qctrailsigncarve-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qctrailsigncarve-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcreflectiontext { background: transparent; color: var(--b); font-weight: 900; text-shadow: 0 3px 3px color-mix(in srgb, var(--c) 55%, transparent), 0 6px 6px color-mix(in srgb, var(--c) 25%, transparent); padding: 0 4px 4px; }
.us-qcreflectiontext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcreflectiontext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcreflectiontext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcreflectiontext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcreflectiontext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcneonoutlinesign { background: color-mix(in srgb, var(--dk) 90%, var(--b)); color: #ffffff; text-shadow: 0 0 3px var(--o), 0 0 7px var(--o); border: 2px solid var(--o); border-radius: 6px; box-shadow: 0 0 7px var(--o); padding: 1px 12px; }
.us-qcneonoutlinesign-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcneonoutlinesign-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcneonoutlinesign-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcneonoutlinesign-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcneonoutlinesign-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpennantbannertext { background: linear-gradient(180deg, var(--o), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 50%, 0 100%); border-radius: 0; padding: 1px 26px 1px 12px; }
.us-qcpennantbannertext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcpennantbannertext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcpennantbannertext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcpennantbannertext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcpennantbannertext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcstrikeinkpen { background: linear-gradient(180deg, transparent 0 47%, var(--o) 47% 56%, transparent 56%); color: var(--b); font-weight: 900; padding: 0 4px; border-radius: 0; }
.us-qcstrikeinkpen-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcstrikeinkpen-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcstrikeinkpen-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcstrikeinkpen-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcstrikeinkpen-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcboldunderlinebar { background: linear-gradient(var(--o), var(--o)) 0 100% / 100% 5px no-repeat; color: var(--dk); font-weight: 900; padding: 0 3px 4px; border-radius: 0; }
.us-qcboldunderlinebar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcboldunderlinebar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcboldunderlinebar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcboldunderlinebar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcboldunderlinebar-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcrubberstampslant { background: transparent; color: var(--o); font-weight: 900; letter-spacing: 0.08em; border: 3px double var(--o); border-radius: 4px; padding: 0 10px; }
.us-qcrubberstampslant-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcrubberstampslant-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcrubberstampslant-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcrubberstampslant-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcrubberstampslant-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcgradientruletext { background: linear-gradient(90deg, var(--o), var(--c), var(--b)) 0 100% / 100% 4px no-repeat; color: var(--b); font-weight: 900; padding: 0 3px 4px; border-radius: 0; }
.us-qcgradientruletext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcgradientruletext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcgradientruletext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcgradientruletext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcgradientruletext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcledgerlinepaper { background: repeating-linear-gradient(180deg, transparent 0 8px, var(--c) 8px 9px), linear-gradient(90deg, var(--o) 0 2px, transparent 2px) 14px 0 / 100% 100% no-repeat, #ffffff; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid color-mix(in srgb, var(--b) 55%, var(--w)); border-radius: 2px; padding: 2px 13px 1px 20px; }
.us-qcledgerlinepaper-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcledgerlinepaper-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcledgerlinepaper-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcledgerlinepaper-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcledgerlinepaper-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcfishingnetmesh { background: repeating-linear-gradient(45deg, var(--w) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, var(--w) 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 13px; }
.us-qcfishingnetmesh-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcfishingnetmesh-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qcfishingnetmesh-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcfishingnetmesh-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qcfishingnetmesh-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcweathervanearrow { background: linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 35%, 80% 35%, 80% 0, 100% 50%, 80% 100%, 80% 65%, 0 65%); border-radius: 0; padding: 3px 28px 3px 10px; }
.us-qcweathervanearrow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qcweathervanearrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qcweathervanearrow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qcweathervanearrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qcweathervanearrow-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcbarndoorbrace { background: linear-gradient(45deg, transparent calc(50% - 2px), var(--dk) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(-45deg, transparent calc(50% - 2px), var(--dk) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)), linear-gradient(180deg, var(--ol), var(--o)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 3px solid var(--dk); border-radius: 2px; padding: 1px 14px; }
.us-qcbarndoorbrace-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qcbarndoorbrace-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qcbarndoorbrace-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qcbarndoorbrace-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qcbarndoorbrace-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllagoonripples { background: radial-gradient(circle at 13px 50%, transparent 0 3px, rgba(255,255,255,0.6) 3px 4px, transparent 4px 7px, rgba(255,255,255,0.45) 7px 8px, transparent 8px 11px, rgba(255,255,255,0.3) 11px 12px, transparent 12px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px 1px 30px; }
.us-qllagoonripples-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllagoonripples-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllagoonripples-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllagoonripples-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllagoonripples-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrollingswell { background: radial-gradient(ellipse 14px 7px at 14px 100%, var(--w) 0 88%, transparent 92%) 0 100% / 28px 8px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 12px 8px; }
.us-qlrollingswell-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrollingswell-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrollingswell-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrollingswell-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrollingswell-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfoamlace { background: radial-gradient(circle at 50% 0, var(--w) 0 3.6px, transparent 4.2px) 0 100% / 9px 5px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px 6px 2px 2px; padding: 1px 12px 6px; }
.us-qlfoamlace-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfoamlace-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfoamlace-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfoamlace-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfoamlace-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlunderwatersunrays { background: repeating-conic-gradient(from 165deg at 50% -40%, rgba(255,255,255,0.3) 0 7deg, transparent 7deg 14deg), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 7px; }
.us-qlunderwatersunrays-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlunderwatersunrays-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlunderwatersunrays-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlunderwatersunrays-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlunderwatersunrays-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpoolfloorglow { background: radial-gradient(ellipse 70% 90% at 50% 110%, var(--ol), transparent 72%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px; }
.us-qlpoolfloorglow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpoolfloorglow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpoolfloorglow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpoolfloorglow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpoolfloorglow-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlglasssurface { background: color-mix(in srgb, var(--w) 55%, transparent); color: var(--dk); font-weight: 900; border: 1px solid color-mix(in srgb, var(--c) 55%, transparent); border-radius: 10px; box-shadow: inset 0 1px 0 #ffffff, 0 2px 6px color-mix(in srgb, var(--c) 35%, transparent); padding: 1px 13px; }
.us-qlglasssurface-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlglasssurface-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlglasssurface-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlglasssurface-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlglasssurface-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwavecomb { background: linear-gradient(90deg, transparent 5%, color-mix(in srgb, var(--b) 55%, transparent) 5% 95%, transparent), radial-gradient(circle at 5px 100%, transparent 0 3px, color-mix(in srgb, var(--w) 50%, transparent) 3.5px 4.5px, transparent 5px) 0 0 / 10px 6px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 12px; }
.us-qlwavecomb-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwavecomb-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwavecomb-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwavecomb-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwavecomb-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrisingbeads { background: radial-gradient(circle at 6px 72%, rgba(255,255,255,0.85) 0 2px, transparent 2.6px), radial-gradient(circle at 13px 40%, rgba(255,255,255,0.7) 0 1.6px, transparent 2.2px), radial-gradient(circle at 7px 18%, rgba(255,255,255,0.6) 0 1.2px, transparent 1.8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 12px 1px 22px; }
.us-qlrisingbeads-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrisingbeads-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrisingbeads-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrisingbeads-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrisingbeads-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlchlorinecloud { background: radial-gradient(ellipse 60% 80% at 28% 40%, rgba(255,255,255,0.5), transparent 70%), radial-gradient(ellipse 50% 70% at 76% 62%, rgba(255,255,255,0.35), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-qlchlorinecloud-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlchlorinecloud-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlchlorinecloud-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlchlorinecloud-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlchlorinecloud-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlaquamarinefade { background: linear-gradient(90deg, var(--c), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px 999px 999px 6px; padding: 1px 16px 1px 12px; }
.us-qlaquamarinefade-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlaquamarinefade-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlaquamarinefade-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlaquamarinefade-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlaquamarinefade-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltidalladder { background: linear-gradient(180deg, var(--w) 0 2px, transparent 2px), repeating-linear-gradient(180deg, var(--c) 0 3px, var(--b) 3px 6px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 3px 12px 1px; }
.us-qltidalladder-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltidalladder-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltidalladder-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltidalladder-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltidalladder-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsplashring { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 13px 1px 26px; }
.us-qlsplashring::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; box-sizing: border-box; border-radius: 50%; border: 3px solid var(--o); box-shadow: 0 -5px 0 -2px var(--o); }
.us-qlsplashring-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsplashring-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsplashring-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsplashring-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsplashring-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllappingfringe { background: radial-gradient(circle at 6px 0, transparent 0 4px, var(--w) 4.6px 6px, transparent 6.4px) 0 100% / 12px 6px repeat-x, var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 0 0; padding: 1px 12px 7px; }
.us-qllappingfringe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllappingfringe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllappingfringe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllappingfringe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllappingfringe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldewbeads { background: linear-gradient(90deg, transparent 5%, rgba(255,255,255,0.72) 5% 95%, transparent), radial-gradient(circle at 35% 35%, #ffffff 0 0.8px, var(--c) 1px 2.4px, transparent 2.8px) 0 0 / 8px 8px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; padding: 1px 13px; }
.us-qldewbeads-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldewbeads-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldewbeads-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldewbeads-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldewbeads-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllightlattice { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.32) 0 1px, transparent 1px 8px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.32) 0 1px, transparent 1px 8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; box-shadow: 0 0 0 1px var(--ol); }
.us-qllightlattice-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllightlattice-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllightlattice-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllightlattice-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllightlattice-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlraintaps { background: radial-gradient(ellipse 5px 2px at 14% 30%, transparent 0 60%, rgba(255,255,255,0.7) 70% 90%, transparent 100%), radial-gradient(ellipse 6px 2px at 62% 70%, transparent 0 60%, rgba(255,255,255,0.7) 70% 90%, transparent 100%), radial-gradient(ellipse 4px 1.5px at 86% 28%, transparent 0 60%, rgba(255,255,255,0.7) 70% 90%, transparent 100%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; }
.us-qlraintaps-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlraintaps-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlraintaps-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlraintaps-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlraintaps-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlripplestack { background: radial-gradient(ellipse 60% 14% at 50% 82%, color-mix(in srgb, var(--w) 55%, transparent) 0 70%, transparent 74%), radial-gradient(ellipse 42% 12% at 50% 60%, color-mix(in srgb, var(--w) 45%, transparent) 0 70%, transparent 74%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 10px; }
.us-qlripplestack-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlripplestack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlripplestack-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlripplestack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlripplestack-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlglimmerrow { background: radial-gradient(circle at 12% 30%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 34% 72%, var(--ol) 0 1px, transparent 1.6px), radial-gradient(circle at 58% 24%, #ffffff 0 1.2px, transparent 1.8px), radial-gradient(circle at 80% 68%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 94% 30%, var(--ol) 0 1px, transparent 1.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; }
.us-qlglimmerrow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlglimmerrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlglimmerrow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlglimmerrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlglimmerrow-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmoondip { background: radial-gradient(circle at 14px 50%, var(--w) 0 5px, transparent 5.6px), linear-gradient(180deg, color-mix(in srgb, var(--dk) 85%, #000000), var(--dk)); color: var(--w); text-shadow: 0 0 4px color-mix(in srgb, var(--c) 70%, transparent); border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-qlmoondip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmoondip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmoondip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmoondip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmoondip-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunglare { background: radial-gradient(circle at 82% 30%, #ffffff 0 3px, rgba(255,255,255,0.55) 5px, transparent 16px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-qlsunglare-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsunglare-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunglare-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsunglare-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunglare-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsparklewake { background: linear-gradient(115deg, transparent 0 40%, rgba(255,255,255,0.4) 44% 48%, transparent 52%), radial-gradient(circle at 90% 25%, #ffffff 0 1.2px, transparent 1.8px), radial-gradient(circle at 70% 75%, #ffffff 0 1px, transparent 1.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 14px 1px 16px; }
.us-qlsparklewake-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsparklewake-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsparklewake-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsparklewake-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsparklewake-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlseafoamcap { background: linear-gradient(180deg, var(--w) 0 5px, transparent 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px 8px 4px 4px; padding: 6px 12px 1px; }
.us-qlseafoamcap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlseafoamcap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlseafoamcap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlseafoamcap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlseafoamcap-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwhitewaterstreaks { background: repeating-linear-gradient(100deg, transparent 0 9px, rgba(255,255,255,0.4) 9px 11px, transparent 11px 18px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 12px 4px 12px; }
.us-qlwhitewaterstreaks-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwhitewaterstreaks-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwhitewaterstreaks-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwhitewaterstreaks-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwhitewaterstreaks-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlshallowshimmer { background: linear-gradient(115deg, var(--c) 0%, var(--ol) 22%, var(--w) 36%, var(--c) 52%, var(--ol) 76%, var(--c) 100%) 0 0 / 200% 100%; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px; animation: us-shimmer 6s linear infinite alternate; }
.us-qlshallowshimmer-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlshallowshimmer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlshallowshimmer-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlshallowshimmer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlshallowshimmer-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldeepbluecore { background: radial-gradient(ellipse 60% 100% at 50% 50%, var(--dk), transparent 78%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 16px; }
.us-qldeepbluecore-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldeepbluecore-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldeepbluecore-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldeepbluecore-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldeepbluecore-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbluehourline { background: linear-gradient(180deg, var(--b), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-bottom: 3px solid var(--o); border-radius: 6px 6px 0 0; padding: 1px 13px; }
.us-qlbluehourline-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbluehourline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbluehourline-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbluehourline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbluehourline-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsunsetripple { background: radial-gradient(ellipse 50% 8% at 50% 66%, var(--o), transparent 80%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-qlsunsetripple-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsunsetripple-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsunsetripple-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsunsetripple-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsunsetripple-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldropletpair { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 8px; padding: 1px 12px 1px 28px; }
.us-qldropletpair::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 3px; width: 8px; height: 10px; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%; background: radial-gradient(circle at 35% 35%, #ffffff 0 1px, var(--c) 2px, var(--b)); }
.us-qldropletpair::after { content: ''; position: absolute; pointer-events: none; left: 14px; top: 11px; width: 6px; height: 8px; border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%; background: radial-gradient(circle at 35% 35%, #ffffff 0 1px, var(--o) 2px); }
.us-qldropletpair-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldropletpair-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldropletpair-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldropletpair-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldropletpair-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpuddlegleam { background: radial-gradient(ellipse 30% 25% at 28% 30%, rgba(255,255,255,0.8), transparent 80%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 50% 40% 50% 45% / 70% 60% 70% 60%; padding: 2px 16px; }
.us-qlpuddlegleam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpuddlegleam-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpuddlegleam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpuddlegleam-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpuddlegleam-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsurfcurl { background: radial-gradient(circle at 100% 0, transparent 0 6px, var(--w) 6.6px 8px, transparent 8.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 999px 4px 4px; padding: 1px 16px 1px 12px; }
.us-qlsurfcurl-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsurfcurl-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsurfcurl-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsurfcurl-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsurfcurl-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcrestingwave { background: radial-gradient(circle at 78% 0, var(--w) 0 5px, transparent 5.6px), radial-gradient(circle at 92% 0, var(--w) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 8px 8px / 100% 100% 8px 8px; padding: 5px 16px 1px 12px; }
.us-qlcrestingwave-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrestingwave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcrestingwave-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrestingwave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcrestingwave-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlreeflight { background: radial-gradient(circle at 20% 110%, color-mix(in srgb, var(--o) 55%, transparent), transparent 50%), radial-gradient(circle at 75% 110%, color-mix(in srgb, var(--ol) 50%, transparent), transparent 50%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; }
.us-qlreeflight-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlreeflight-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlreeflight-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlreeflight-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlreeflight-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltidechartlines { background: repeating-linear-gradient(180deg, transparent 0 5px, color-mix(in srgb, var(--c) 45%, transparent) 5px 6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px; padding: 1px 13px; }
.us-qltidechartlines-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltidechartlines-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltidechartlines-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltidechartlines-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltidechartlines-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterlevelmark { background: repeating-linear-gradient(180deg, var(--b) 0 1px, transparent 1px 4px) 0 0 / 7px 100% no-repeat, linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 40%, var(--w))); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 1px 12px 1px 17px; }
.us-qlwaterlevelmark-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwaterlevelmark-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaterlevelmark-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwaterlevelmark-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterlevelmark-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlslowcurrent { background: repeating-linear-gradient(90deg, transparent 0 10px, rgba(255,255,255,0.22) 10px 11px), linear-gradient(90deg, var(--b), var(--c)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 999px 999px 4px; padding: 1px 16px 1px 12px; }
.us-qlslowcurrent-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlslowcurrent-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlslowcurrent-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlslowcurrent-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlslowcurrent-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qljetstream { background: repeating-linear-gradient(90deg, transparent 0 7px, rgba(255,255,255,0.28) 7px 9px), linear-gradient(90deg, var(--b), var(--c) 60%, var(--w)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 999px 999px 4px; padding: 1px 18px 1px 12px; }
.us-qljetstream-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qljetstream-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qljetstream-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qljetstream-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qljetstream-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmirrorpool { background: linear-gradient(180deg, color-mix(in srgb, var(--c) 100%, #ffffff 30%) 0 50%, var(--b) 50%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6); }
.us-qlmirrorpool-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmirrorpool-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmirrorpool-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmirrorpool-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmirrorpool-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcoolmistband { background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--w) 80%, transparent) 45%, transparent), var(--c); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 6px; }
.us-qlcoolmistband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcoolmistband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcoolmistband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcoolmistband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcoolmistband-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlseaglass { background: radial-gradient(ellipse 30% 40% at 30% 30%, rgba(255,255,255,0.6), transparent 70%), color-mix(in srgb, var(--c) 60%, var(--w)); color: var(--dk); font-weight: 900; border: 1px solid color-mix(in srgb, var(--b) 40%, transparent); border-radius: 42% 58% 55% 45% / 60% 50% 50% 40%; padding: 2px 15px; }
.us-qlseaglass-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlseaglass-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlseaglass-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlseaglass-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlseaglass-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmaelstrommini { background: linear-gradient(90deg, transparent 30%, color-mix(in srgb, var(--dk) 55%, transparent) 30% 100%), repeating-conic-gradient(from 20deg at 14px 50%, var(--c) 0 20deg, var(--b) 20deg 40deg); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 15px 1px 24px; box-shadow: 0 0 0 1px var(--o); }
.us-qlmaelstrommini-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmaelstrommini-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmaelstrommini-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmaelstrommini-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmaelstrommini-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrippleletters { background: none; color: var(--b); text-shadow: 0 0 0 var(--c), 1px 1px 0 color-mix(in srgb, var(--c) 70%, transparent), 2px 2px 0 color-mix(in srgb, var(--c) 45%, transparent), 3px 3px 0 color-mix(in srgb, var(--c) 25%, transparent); font-weight: 900; border-radius: 0; padding: 0 6px 0 2px; }
.us-qlrippleletters-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlrippleletters-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrippleletters-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlrippleletters-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrippleletters-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldrippingletters { background: none; color: var(--b); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 0 3px 3px color-mix(in srgb, var(--c) 60%, transparent); border-radius: 0; padding: 0 4px 6px; }
.us-qldrippingletters::after { content: ''; position: absolute; pointer-events: none; left: 20%; bottom: 0; width: 4px; height: 6px; border-radius: 50% 50% 50% 50% / 30% 30% 70% 70%; background: var(--c); box-shadow: 18px -2px 0 -1px var(--c), 36px 0 0 0 var(--b); }
.us-qldrippingletters-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldrippingletters-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldrippingletters-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldrippingletters-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldrippingletters-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfrostedink { background: color-mix(in srgb, var(--w) 80%, transparent); color: var(--b); font-weight: 900; border: 1px solid #ffffff; border-radius: 7px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent), 0 3px 8px color-mix(in srgb, var(--b) 30%, transparent); }
.us-qlfrostedink-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfrostedink-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfrostedink-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfrostedink-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfrostedink-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlaquaoutline { background: none; color: transparent; -webkit-text-stroke: 1px var(--b); font-weight: 900; border-radius: 0; padding: 0 4px; text-shadow: 2px 2px 0 var(--c); }
.us-qlaquaoutline-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlaquaoutline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlaquaoutline-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlaquaoutline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlaquaoutline-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltidemarktext { background: linear-gradient(180deg, transparent 0 62%, color-mix(in srgb, var(--c) 55%, transparent) 62% 100%); color: var(--b); font-weight: 900; border-radius: 0; border-bottom: 2px solid var(--c); padding: 0 4px; }
.us-qltidemarktext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltidemarktext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltidemarktext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltidemarktext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltidemarktext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterslidetext { background: linear-gradient(90deg, var(--c) 0 6px, transparent 6px calc(100% - 6px), var(--c) calc(100% - 6px)), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 30%, var(--w))); color: var(--dk); font-weight: 900; border-radius: 4px; padding: 1px 14px; }
.us-qlwaterslidetext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwaterslidetext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaterslidetext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwaterslidetext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterslidetext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsparkletext { background: none; color: var(--b); font-weight: 900; text-shadow: 0 0 3px #ffffff, 0 0 7px color-mix(in srgb, var(--c) 70%, transparent); border-radius: 0; padding: 0 6px; }
.us-qlsparkletext::after { content: ''; position: absolute; pointer-events: none; right: -1px; top: -3px; width: 7px; height: 7px; background: radial-gradient(circle, #ffffff 0 1px, transparent 1.6px), linear-gradient(90deg, transparent 45%, #ffffff 45% 55%, transparent 55%), linear-gradient(180deg, transparent 45%, #ffffff 45% 55%, transparent 55%); }
.us-qlsparkletext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsparkletext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsparkletext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsparkletext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsparkletext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwetedgepill { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; border-top: 2px solid var(--w); box-shadow: inset 0 -2px 3px color-mix(in srgb, var(--dk) 40%, transparent); padding: 1px 15px; }
.us-qlwetedgepill-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwetedgepill-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwetedgepill-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwetedgepill-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwetedgepill-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlherringbonefloor { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, var(--c) 0 5px, var(--w) 5px 6px, var(--ol) 6px 11px, var(--w) 11px 12px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlherringbonefloor-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlherringbonefloor-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlherringbonefloor-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlherringbonefloor-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlherringbonefloor-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbasketweavetile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--c) 0 6px, var(--w) 6px 7px) 0 0 / 14px 14px, repeating-linear-gradient(0deg, var(--b) 0 6px, var(--w) 6px 7px) 7px 7px / 14px 14px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 13px; }
.us-qlbasketweavetile-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbasketweavetile-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbasketweavetile-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbasketweavetile-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbasketweavetile-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlharlequindiamonds { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(from 45deg at 50% 50%, var(--c) 0 25%, var(--w) 0 50%, var(--c) 0 75%, var(--w) 0) 0 0 / 14px 14px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlharlequindiamonds-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlharlequindiamonds-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlharlequindiamonds-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlharlequindiamonds-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlharlequindiamonds-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qloctagondottile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 50%, var(--o) 0 2px, transparent 2.6px) 0 0 / 12px 12px, linear-gradient(var(--w), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 1px 13px; }
.us-qloctagondottile-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qloctagondottile-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qloctagondottile-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qloctagondottile-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qloctagondottile-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlchevronmosaic { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(135deg, var(--c) 0 3px, transparent 3px 8px) 0 0 / 100% 100%, repeating-linear-gradient(45deg, var(--b) 0 3px, transparent 3px 8px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlchevronmosaic-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlchevronmosaic-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlchevronmosaic-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlchevronmosaic-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlchevronmosaic-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpebblemosaic { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 20% 30%, var(--c) 0 2.4px, transparent 2.8px), radial-gradient(circle at 62% 24%, var(--ol) 0 2px, transparent 2.4px), radial-gradient(circle at 40% 74%, var(--c) 0 2.2px, transparent 2.6px), radial-gradient(circle at 84% 68%, var(--o) 0 1.8px, transparent 2.2px), var(--w); background-size: auto, 22px 16px, 22px 16px, 22px 16px, 22px 16px, auto; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; padding: 1px 13px; }
.us-qlpebblemosaic-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpebblemosaic-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpebblemosaic-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpebblemosaic-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpebblemosaic-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlquatrefoiltile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 0 0, transparent 0 4px, var(--c) 4.5px 5.5px, transparent 6px) 0 0 / 16px 16px, radial-gradient(circle at 16px 16px, transparent 0 4px, var(--c) 4.5px 5.5px, transparent 6px) 0 0 / 16px 16px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlquatrefoiltile-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlquatrefoiltile-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlquatrefoiltile-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlquatrefoiltile-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlquatrefoiltile-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwidegroutgrid { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, var(--w) 0 3px, transparent 3px) 0 0 / 18px 100%, linear-gradient(180deg, var(--w) 0 3px, transparent 3px) 0 0 / 100% 12px, var(--c); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlwidegroutgrid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwidegroutgrid-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwidegroutgrid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwidegroutgrid-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwidegroutgrid-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltrianglemosaic { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(from 0deg at 50% 100%, var(--c) 0 60deg, var(--w) 60deg 120deg, var(--ol) 120deg 180deg, var(--w) 180deg 240deg, var(--c) 240deg 300deg, var(--w) 300deg) 0 0 / 14px 12px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qltrianglemosaic-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltrianglemosaic-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltrianglemosaic-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltrianglemosaic-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltrianglemosaic-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlgreekkeyband { background: linear-gradient(var(--b), var(--b)) 0 0 / 100% 3px no-repeat, linear-gradient(var(--b), var(--b)) 0 100% / 100% 3px no-repeat, repeating-linear-gradient(90deg, var(--c) 0 3px, transparent 3px 6px) 0 0 / 100% 100%, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 4px 13px; }
.us-qlgreekkeyband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgreekkeyband-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlgreekkeyband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgreekkeyband-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlgreekkeyband-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlplustilegrid { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, transparent 6px, var(--c) 6px 8px, transparent 8px) 0 0 / 14px 14px, linear-gradient(180deg, transparent 6px, var(--c) 6px 8px, transparent 8px) 0 0 / 14px 14px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlplustilegrid-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlplustilegrid-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlplustilegrid-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlplustilegrid-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlplustilegrid-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrunningbondbrick { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, transparent 0 15px, var(--w) 15px 17px) 0 0 / 17px 8px, linear-gradient(180deg, var(--w) 0 1.5px, transparent 1.5px) 0 0 / 100% 8px, var(--o); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 13px; }
.us-qlrunningbondbrick-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrunningbondbrick-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrunningbondbrick-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrunningbondbrick-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrunningbondbrick-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcobblestones { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(ellipse 7px 5px at 8px 6px, var(--c) 0 85%, transparent 90%) 0 0 / 16px 12px, radial-gradient(ellipse 7px 5px at 8px 6px, var(--ol) 0 85%, transparent 90%) 8px 6px / 16px 12px, var(--b); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 5px; padding: 1px 13px; }
.us-qlcobblestones-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcobblestones-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcobblestones-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcobblestones-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcobblestones-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrippletile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 50%, transparent 0 2px, color-mix(in srgb, var(--c) 70%, transparent) 2px 3px, transparent 3px 5px, color-mix(in srgb, var(--c) 50%, transparent) 5px 6px, transparent 6px) 0 0 / 16px 16px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlrippletile-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrippletile-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrippletile-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrippletile-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrippletile-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpinwheeltile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(from 0deg, var(--c) 0 25%, var(--w) 25% 50%, var(--o) 50% 75%, var(--w) 75%) 0 0 / 14px 14px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlpinwheeltile-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpinwheeltile-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpinwheeltile-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpinwheeltile-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpinwheeltile-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcornercuttiles { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(from 45deg at 50% 50%, var(--ol) 0 25%, var(--c) 0 50%, var(--ol) 0 75%, var(--c) 0) 0 0 / 12px 12px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--b); border-radius: 0; padding: 0 12px; }
.us-qlcornercuttiles-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcornercuttiles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcornercuttiles-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcornercuttiles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcornercuttiles-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstripetileedge { background: repeating-linear-gradient(90deg, var(--w) 0 6px, var(--o) 6px 12px) 0 100% / 100% 5px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-top: 3px solid var(--c); border-radius: 3px 3px 0 0; padding: 1px 13px 7px; }
.us-qlstripetileedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstripetileedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstripetileedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstripetileedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstripetileedge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwavetileband { background: radial-gradient(circle at 8px 0, var(--c) 0 5px, transparent 5.6px) 0 100% / 16px 6px repeat-x, radial-gradient(circle at 8px 100%, var(--w) 0 5px, transparent 5.6px) 0 100% / 16px 6px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 1px 13px 8px; }
.us-qlwavetileband-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwavetileband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwavetileband-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwavetileband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwavetileband-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlarchtilerow { background: radial-gradient(circle at 50% 100%, var(--w) 0 4px, var(--c) 4.6px 7px, transparent 7.6px) 0 100% / 14px 8px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 1px 13px 9px; }
.us-qlarchtilerow-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlarchtilerow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlarchtilerow-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlarchtilerow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlarchtilerow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldotgridtile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle, var(--c) 0 1.4px, transparent 1.8px) 0 0 / 8px 8px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-qldotgridtile-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldotgridtile-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldotgridtile-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldotgridtile-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldotgridtile-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstarbursttile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-conic-gradient(from 0deg at 50% 50%, var(--ol) 0 11.25deg, var(--w) 11.25deg 22.5deg) 0 0 / 18px 18px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlstarbursttile-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstarbursttile-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstarbursttile-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstarbursttile-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstarbursttile-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldoubletileborder { background: var(--w); color: var(--dk); font-weight: 900; border: 3px double var(--c); border-radius: 3px; box-shadow: 0 0 0 1px var(--b); padding: 0 13px; }
.us-qldoubletileborder-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldoubletileborder-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldoubletileborder-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldoubletileborder-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldoubletileborder-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllanefloorline { background: linear-gradient(180deg, transparent calc(50% - 1.5px), var(--dk) calc(50% - 1.5px) calc(50% + 1.5px), transparent calc(50% + 1.5px)) 0 0 / 100% 100% no-repeat, linear-gradient(90deg, var(--w) 0 6px, transparent 6px calc(100% - 6px), var(--w) calc(100% - 6px)), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 14px; }
.us-qllanefloorline-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllanefloorline-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllanefloorline-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllanefloorline-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllanefloorline-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldepthnumbertile { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 13px 1px 26px; }
.us-qldepthnumbertile::before { content: ''; position: absolute; pointer-events: none; left: 3px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 3px; background: var(--b); color: #ffffff; font: 900 10px/16px 'Arial Black', sans-serif; text-align: center; content: '6'; }
.us-qldepthnumbertile-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldepthnumbertile-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldepthnumbertile-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldepthnumbertile-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldepthnumbertile-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlantislipdots { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 50%, var(--c) 0 2px, color-mix(in srgb, var(--b) 40%, transparent) 2.4px 3px, transparent 3.4px) 0 0 / 9px 9px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 9px; padding: 1px 13px; }
.us-qlantislipdots-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlantislipdots-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlantislipdots-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlantislipdots-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlantislipdots-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlminicheckfill { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(var(--c) 25%, var(--w) 0 50%, var(--c) 0 75%, var(--w) 0) 0 0 / 8px 8px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlminicheckfill-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlminicheckfill-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlminicheckfill-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlminicheckfill-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlminicheckfill-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldiamondlatticetile { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, transparent 0 7px, var(--c) 7px 8px), repeating-linear-gradient(-45deg, transparent 0 7px, var(--c) 7px 8px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qldiamondlatticetile-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldiamondlatticetile-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldiamondlatticetile-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldiamondlatticetile-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldiamondlatticetile-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlnestedsquares { background: linear-gradient(var(--c), var(--c)) 50% 50% / calc(100% - 6px) calc(100% - 6px) no-repeat, var(--w); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 1px solid var(--b); border-radius: 2px; box-shadow: inset 0 0 0 3px var(--w), inset 0 0 0 4px var(--o); padding: 3px 14px; }
.us-qlnestedsquares-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlnestedsquares-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlnestedsquares-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlnestedsquares-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlnestedsquares-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpatchworksquares { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, var(--ol) 0 1.5px, transparent 1.5px) 0 0 / 12px 12px, linear-gradient(180deg, var(--ol) 0 1.5px, transparent 1.5px) 0 0 / 12px 12px, radial-gradient(circle at 6px 6px, var(--o) 0 1.5px, transparent 2px) 0 0 / 12px 12px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlpatchworksquares-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpatchworksquares-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpatchworksquares-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpatchworksquares-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpatchworksquares-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgraphpaperpool { background: linear-gradient(90deg, color-mix(in srgb, var(--c) 50%, transparent) 0 1px, transparent 1px) 0 0 / 8px 8px, linear-gradient(180deg, color-mix(in srgb, var(--c) 50%, transparent) 0 1px, transparent 1px) 0 0 / 8px 8px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 2px; padding: 1px 13px; }
.us-qlgraphpaperpool-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgraphpaperpool-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlgraphpaperpool-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgraphpaperpool-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgraphpaperpool-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwavebrickrow { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(ellipse 8px 6px at 8px 0, transparent 0 80%, var(--c) 85%) 0 0 / 16px 8px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlwavebrickrow-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwavebrickrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwavebrickrow-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwavebrickrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwavebrickrow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlportholerow { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 50%, var(--w) 0 2px, var(--b) 2.4px 4px, transparent 4.4px) 0 0 / 14px 100%, linear-gradient(180deg, var(--c), var(--b)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-qlportholerow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlportholerow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlportholerow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlportholerow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlportholerow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstainedpoolglass { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(var(--c) 0 25%, var(--o) 0 50%, var(--b) 0 75%, var(--ol) 0) 0 0 / 16px 16px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--dk); border-radius: 3px; padding: 0 12px; }
.us-qlstainedpoolglass-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstainedpoolglass-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstainedpoolglass-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstainedpoolglass-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstainedpoolglass-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlropetwist { background: repeating-linear-gradient(-60deg, var(--w) 0 3px, var(--o) 3px 6px), var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; box-shadow: inset 0 1px 1px rgba(255,255,255,0.6), inset 0 -1px 2px rgba(0,0,0,0.25); padding: 1px 15px; }
.us-qlropetwist-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlropetwist-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlropetwist-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlropetwist-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlropetwist-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlchainlinkfence { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--dk) 40%, transparent) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--dk) 40%, transparent) 0 1px, transparent 1px 6px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 2px solid var(--c); border-bottom: 2px solid var(--c); border-radius: 2px; padding: 1px 13px; }
.us-qlchainlinkfence-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlchainlinkfence-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlchainlinkfence-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlchainlinkfence-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlchainlinkfence-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpoolmatgrip { background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.4) 0 2.4px, transparent 3px) 0 0 / 7px 7px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px; }
.us-qlpoolmatgrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpoolmatgrip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpoolmatgrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpoolmatgrip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpoolmatgrip-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaffletowel { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, color-mix(in srgb, var(--b) 28%, transparent) 0 2px, transparent 2px) 0 0 / 7px 7px, linear-gradient(180deg, color-mix(in srgb, var(--b) 28%, transparent) 0 2px, transparent 2px) 0 0 / 7px 7px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlwaffletowel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwaffletowel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaffletowel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwaffletowel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaffletowel-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlreedweave { background: repeating-linear-gradient(90deg, var(--ol) 0 3px, var(--w) 3px 5px, var(--ol) 5px 6px) , var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; border-top: 3px solid var(--c); border-bottom: 3px solid var(--c); padding: 0 13px; }
.us-qlreedweave-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlreedweave-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlreedweave-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlreedweave-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlreedweave-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlglassbrick { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 30% 30%, rgba(255,255,255,0.7), transparent 40%) 0 0 / 14px 14px, linear-gradient(135deg, var(--c), var(--w)) 0 0 / 14px 14px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--w); border-radius: 3px; box-shadow: 0 0 0 1px var(--c); padding: 0 12px; }
.us-qlglassbrick-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlglassbrick-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlglassbrick-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlglassbrick-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlglassbrick-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlterracesteps { background: linear-gradient(90deg, var(--b) 0 8px, transparent 8px) 0 0 / 100% 33% no-repeat, linear-gradient(90deg, var(--c) 0 16px, transparent 16px) 0 50% / 100% 33% no-repeat, linear-gradient(90deg, var(--ol) 0 24px, transparent 24px) 0 100% / 100% 34% no-repeat, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 13px 1px 32px; }
.us-qlterracesteps-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlterracesteps-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlterracesteps-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlterracesteps-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlterracesteps-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmosaictext { background: conic-gradient(var(--c) 25%, var(--b) 0 50%, var(--c) 0 75%, var(--b) 0) 0 0 / 4px 4px; -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--b); filter: drop-shadow(0 0 0.6px var(--dk)) drop-shadow(0 1px 0 var(--dk)); font-weight: 900; border-radius: 0; padding: 0 4px; }
.us-qlmosaictext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmosaictext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmosaictext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmosaictext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmosaictext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgroutlinetext { background: none; color: var(--b); font-weight: 900; text-shadow: 1px 0 0 var(--w), -1px 0 0 var(--w), 0 1px 0 var(--w), 0 -1px 0 var(--w), 2px 2px 0 var(--c); border-radius: 0; padding: 0 5px; }
.us-qlgroutlinetext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgroutlinetext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlgroutlinetext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgroutlinetext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgroutlinetext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstencilcuttext { background: none; color: var(--dk); font-weight: 900; font-family: 'Arial Black', Impact, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; font-size: 0.92em; border-radius: 0; padding: 0 5px; text-shadow: 1px 1px 0 var(--ol); }
.us-qlstencilcuttext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstencilcuttext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstencilcuttext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstencilcuttext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstencilcuttext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltileshadowtext { background: none; color: var(--c); font-weight: 900; text-shadow: 1px 1px 0 var(--b), 2px 2px 0 var(--b), 3px 3px 0 color-mix(in srgb, var(--b) 50%, transparent); border-radius: 0; padding: 0 6px 0 2px; }
.us-qltileshadowtext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltileshadowtext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltileshadowtext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltileshadowtext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltileshadowtext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsquarelabeltile { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 0; box-shadow: 2px 2px 0 var(--c), 4px 4px 0 var(--b); margin: 0 6px 4px 2px; padding: 0 12px; }
.us-qlsquarelabeltile-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsquarelabeltile-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsquarelabeltile-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsquarelabeltile-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsquarelabeltile-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldivingboardspring { background: linear-gradient(180deg, var(--w) 0 3px, var(--ol) 3px 5px, var(--c) 5px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px 14px 2px 2px; border-bottom: 3px solid var(--b); margin-bottom: 5px; padding: 6px 14px 1px; }
.us-qldivingboardspring::after { content: ''; position: absolute; pointer-events: none; left: 14px; bottom: -8px; width: 16px; height: 8px; background: linear-gradient(90deg, var(--dk) 0 3px, transparent 3px calc(100% - 3px), var(--dk) calc(100% - 3px)); }
.us-qldivingboardspring-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldivingboardspring-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldivingboardspring-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldivingboardspring-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldivingboardspring-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlblocknumberplate { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 25%, var(--w))); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 3px; padding: 1px 12px 1px 28px; }
.us-qlblocknumberplate::before { content: ''; position: absolute; pointer-events: none; left: 3px; top: 3px; bottom: 3px; width: 18px; border-radius: 2px; background: var(--b); color: #ffffff; font: 900 11px/16px 'Arial Black', sans-serif; text-align: center; content: '4'; }
.us-qlblocknumberplate-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlblocknumberplate-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlblocknumberplate-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlblocknumberplate-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlblocknumberplate-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfloatdiscrope { background: radial-gradient(circle at 6px 50%, var(--o) 0 4px, transparent 4.6px), radial-gradient(circle at calc(100% - 6px) 50%, var(--o) 0 4px, transparent 4.6px), linear-gradient(var(--c), var(--c)) 6px 50% / calc(100% - 12px) 2px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; box-shadow: 0 0 0 1px var(--c); padding: 1px 18px; }
.us-qlfloatdiscrope-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfloatdiscrope-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfloatdiscrope-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfloatdiscrope-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfloatdiscrope-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlturnmarkerbunting { background: linear-gradient(var(--b), var(--b)) 0 3px / 100% 1px no-repeat, conic-gradient(from 90deg at 50% 0, transparent 0 0deg, var(--o) 0 60deg, var(--c) 0 120deg, transparent 0 360deg) 0 4px / 12px 6px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 2px; padding: 10px 14px 1px; }
.us-qlturnmarkerbunting-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlturnmarkerbunting-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlturnmarkerbunting-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlturnmarkerbunting-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlturnmarkerbunting-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlvacuumhose { background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--dk) 45%, transparent) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--c) 0 4px, var(--b) 4px 6px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 6px 6px 999px; padding: 1px 14px 1px 18px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.35); }
.us-qlvacuumhose-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlvacuumhose-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvacuumhose-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlvacuumhose-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlvacuumhose-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpumpdial { background: radial-gradient(circle at 14px 50%, var(--w) 0 7px, var(--b) 7.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px 1px 32px; }
.us-qlpumpdial::before { content: ''; position: absolute; pointer-events: none; left: 13px; top: 50%; width: 2px; height: 7px; margin-top: -6px; background: var(--o); transform: rotate(40deg); transform-origin: 50% 85%; }
.us-qlpumpdial-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpumpdial-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpumpdial-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpumpdial-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpumpdial-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlheaterfins { background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--dk) 45%, transparent) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--o) 0 2px, var(--b) 2px 6px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 1px 13px; box-shadow: inset 0 0 0 1px var(--dk); }
.us-qlheaterfins-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlheaterfins-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlheaterfins-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlheaterfins-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlheaterfins-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlreturnjetnozzle { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 1px 26px; }
.us-qlreturnjetnozzle::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: radial-gradient(circle, var(--dk) 0 2.4px, var(--w) 3px 4.4px, var(--b) 5px); }
.us-qlreturnjetnozzle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlreturnjetnozzle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlreturnjetnozzle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlreturnjetnozzle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlreturnjetnozzle-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlladderhandrailarch { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(var(--c), var(--c)) 0 0 / 100% 3px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 999px 999px 3px 3px / 100% 100% 3px 3px; border: 2px solid var(--c); border-bottom-width: 0; padding: 5px 16px 1px; }
.us-qlladderhandrailarch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlladderhandrailarch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlladderhandrailarch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlladderhandrailarch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlladderhandrailarch-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldeckdrainslots { background: repeating-linear-gradient(90deg, var(--dk) 0 2px, transparent 2px 6px) 8px 3px / calc(100% - 16px) 3px no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 7px 13px 1px; }
.us-qldeckdrainslots-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldeckdrainslots-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldeckdrainslots-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldeckdrainslots-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldeckdrainslots-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlexpansionjoint { background: linear-gradient(90deg, var(--dk) 0 3px, var(--ol) 3px 6px, transparent 6px calc(100% - 6px), var(--ol) calc(100% - 6px) calc(100% - 3px), var(--dk) calc(100% - 3px)), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 30%, var(--w))); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 15px; }
.us-qlexpansionjoint-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlexpansionjoint-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlexpansionjoint-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlexpansionjoint-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlexpansionjoint-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoverreel { background: linear-gradient(90deg, var(--b) 0 18px, transparent 18px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px 1px 26px; }
.us-qlcoverreel::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: radial-gradient(circle, var(--w) 0 2px, var(--o) 2.6px 5px, var(--dk) 5.6px); }
.us-qlcoverreel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcoverreel-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoverreel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcoverreel-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcoverreel-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsunshelfsteps { background: linear-gradient(180deg, var(--ol), var(--ol)) 0 100% / 8px 33% no-repeat, linear-gradient(180deg, var(--c), var(--c)) 8px 100% / 8px 66% no-repeat, linear-gradient(180deg, var(--b), var(--b)) 16px 100% / 8px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px 1px 30px; }
.us-qlsunshelfsteps-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsunshelfsteps-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsunshelfsteps-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsunshelfsteps-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsunshelfsteps-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltanningledge { background: linear-gradient(180deg, var(--ol) 0 4px, var(--w) 4px); color: var(--dk); font-weight: 900; border-bottom: 4px solid var(--c); border-radius: 8px 8px 0 0; padding: 5px 13px 1px; }
.us-qltanningledge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltanningledge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltanningledge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltanningledge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltanningledge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlretainingwallblock { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, transparent 0 15px, var(--dk) 15px 16px, transparent 16px) 0 0 / 32px 50% repeat-x, linear-gradient(180deg, transparent calc(50% - 0.5px), var(--dk) calc(50% - 0.5px) calc(50% + 0.5px), transparent 0) 0 0 / 100% 100%, var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 13px; }
.us-qlretainingwallblock-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlretainingwallblock-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlretainingwallblock-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlretainingwallblock-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlretainingwallblock-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlplantertrough { background: linear-gradient(180deg, var(--o) 0 4px, var(--b) 4px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 6px 6px; padding: 6px 14px 1px; }
.us-qlplantertrough::before { content: ''; position: absolute; pointer-events: none; left: 12%; right: 12%; top: -4px; height: 6px; background: radial-gradient(circle at 50% 100%, var(--c) 0 3px, transparent 3.6px) 0 0 / 9px 6px repeat-x; }
.us-qlplantertrough-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlplantertrough-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlplantertrough-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlplantertrough-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlplantertrough-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcabanacurtain { background: repeating-linear-gradient(90deg, var(--w) 0 5px, color-mix(in srgb, var(--c) 45%, var(--w)) 5px 9px, var(--w) 9px 12px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-top: 3px solid var(--b); border-radius: 0 0 8px 8px; padding: 1px 13px; }
.us-qlcabanacurtain-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcabanacurtain-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcabanacurtain-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcabanacurtain-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcabanacurtain-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsailshade { background: linear-gradient(180deg, rgba(255,255,255,0.4), transparent 50%), linear-gradient(90deg, var(--c), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 0, 100% 12%, 100% 88%, 0 100%); border-radius: 0; padding: 3px 15px; }
.us-qlsailshade-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsailshade-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsailshade-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsailshade-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsailshade-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlumbrellapanels { background: repeating-linear-gradient(90deg, var(--o) 0 9px, var(--w) 9px 18px) 0 0 / 100% 45% no-repeat, linear-gradient(180deg, transparent 45%, var(--w) 45%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 5px 18px 1px; }
.us-qlumbrellapanels-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlumbrellapanels-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlumbrellapanels-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlumbrellapanels-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlumbrellapanels-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcedardeckgrain { background: repeating-linear-gradient(180deg, transparent 0 4px, color-mix(in srgb, var(--dk) 30%, transparent) 4px 5px), repeating-linear-gradient(90deg, rgba(255,255,255,0.18) 0 12px, transparent 12px 30px), var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 2px; padding: 1px 13px; }
.us-qlcedardeckgrain-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcedardeckgrain-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcedardeckgrain-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcedardeckgrain-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcedardeckgrain-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlboardwalknails { background: radial-gradient(circle at 6px 50%, var(--dk) 0 1.4px, transparent 1.8px), radial-gradient(circle at calc(100% - 6px) 50%, var(--dk) 0 1.4px, transparent 1.8px), repeating-linear-gradient(180deg, var(--ol) 0 6px, color-mix(in srgb, var(--b) 40%, transparent) 6px 7px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 16px; }
.us-qlboardwalknails-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlboardwalknails-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlboardwalknails-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlboardwalknails-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlboardwalknails-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlrailingposts { background: linear-gradient(90deg, var(--b) 0 3px, transparent 3px calc(100% - 3px), var(--b) calc(100% - 3px)) 0 0 / 100% 100%, linear-gradient(180deg, var(--c) 0 3px, transparent 3px) 0 20% / 100% 100% no-repeat, linear-gradient(180deg, transparent calc(100% - 3px), var(--c) calc(100% - 3px)), var(--w); color: var(--dk); font-weight: 900; border-radius: 0; padding: 4px 14px; }
.us-qlrailingposts-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlrailingposts-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlrailingposts-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlrailingposts-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrailingposts-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstonewallcourses { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, transparent 0 11px, rgba(0,0,0,0.25) 11px 12px) 0 0 / 22px 50% repeat-x, linear-gradient(90deg, transparent 0 22px, rgba(0,0,0,0.25) 22px 23px) 11px 50% / 22px 50% repeat-x, linear-gradient(180deg, transparent calc(50% - 0.5px), rgba(0,0,0,0.25) calc(50% - 0.5px) calc(50% + 0.5px), transparent 0), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlstonewallcourses-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstonewallcourses-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstonewallcourses-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstonewallcourses-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstonewallcourses-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhingebar { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 13px 1px 30px; }
.us-qlhingebar::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 3px; bottom: 3px; width: 20px; border-radius: 2px; background: repeating-linear-gradient(180deg, var(--w) 0 4px, var(--dk) 4px 5px); box-shadow: 0 0 0 1px var(--dk); }
.us-qlhingebar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlhingebar-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhingebar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlhingebar-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhingebar-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpadlockplate { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 4px; padding: 1px 13px 1px 28px; }
.us-qlpadlockplate::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 11px; height: 8px; margin-top: -1px; border-radius: 2px; background: var(--o); box-shadow: 0 -5px 0 -3px var(--b), -2.5px -4px 0 -3.5px var(--b), 2.5px -4px 0 -3.5px var(--b); }
.us-qlpadlockplate-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpadlockplate-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpadlockplate-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpadlockplate-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpadlockplate-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllampcage { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--dk) 0 2px, transparent 2px 9px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--dk); border-radius: 8px; padding: 0 13px; }
.us-qllampcage-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllampcage-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllampcage-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllampcage-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllampcage-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstringlightbulb { background: linear-gradient(180deg, var(--dk) 0 1px, transparent 1px), var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-qlstringlightbulb::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50% 50% 50% 50% / 55% 55% 45% 45%; background: radial-gradient(circle at 40% 35%, #ffffff 0 2px, var(--ol) 3px, var(--o)); box-shadow: 0 0 8px 1px var(--o); }
.us-qlstringlightbulb-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstringlightbulb-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstringlightbulb-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstringlightbulb-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstringlightbulb-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllanternframe { background: linear-gradient(180deg, var(--dk) 0 4px, transparent 4px calc(100% - 4px), var(--dk) calc(100% - 4px)), linear-gradient(90deg, var(--dk) 0 2px, transparent 2px calc(100% - 2px), var(--dk) calc(100% - 2px)), radial-gradient(ellipse at 50% 50%, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 8px 8px; padding: 5px 14px; }
.us-qllanternframe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllanternframe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllanternframe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllanternframe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllanternframe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltikitorch { background: linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; border-radius: 8px; padding: 1px 12px 1px 26px; border: 1px solid var(--o); }
.us-qltikitorch::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 9px; height: 15px; margin-top: -7.5px; border-radius: 50% 50% 4px 4px / 70% 70% 4px 4px; background: linear-gradient(180deg, var(--o) 0 45%, var(--dk) 45%); }
.us-qltikitorch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltikitorch-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltikitorch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltikitorch-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltikitorch-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfirepitring { background: radial-gradient(ellipse 50% 70% at 50% 100%, var(--o), transparent 70%), repeating-linear-gradient(90deg, var(--dk) 0 8px, color-mix(in srgb, var(--dk) 75%, var(--b)) 8px 16px); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 999px / 50%; padding: 1px 15px; }
.us-qlfirepitring-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfirepitring-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfirepitring-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfirepitring-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfirepitring-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlspajetsrow { background: radial-gradient(circle, var(--w) 0 2px, var(--b) 2.6px 3.6px, transparent 4px) 0 50% / 14px 100% repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px; }
.us-qlspajetsrow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlspajetsrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlspajetsrow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlspajetsrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlspajetsrow-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlspastephandle { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 14px; }
.us-qlspastephandle::before { content: ''; position: absolute; pointer-events: none; left: 4px; right: 4px; top: -4px; height: 4px; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, var(--w), var(--ol)); }
.us-qlspastephandle::after { content: ''; position: absolute; pointer-events: none; left: 4px; bottom: -3px; width: 3px; height: 4px; background: var(--dk); box-shadow: calc(100% + 0px) 0 0 0 var(--dk); }
.us-qlspastephandle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlspastephandle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlspastephandle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlspastephandle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlspastephandle-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsaunabenchslats { background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--dk) 45%, transparent) 4% 96%, transparent), repeating-linear-gradient(180deg, var(--ol) 0 5px, var(--o) 5px 7px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 1px 13px; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--dk) 45%, transparent); }
.us-qlsaunabenchslats-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsaunabenchslats-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsaunabenchslats-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsaunabenchslats-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsaunabenchslats-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsteamvent { background: radial-gradient(ellipse 18px 10px at 20% 0, rgba(255,255,255,0.7), transparent 70%), radial-gradient(ellipse 14px 9px at 55% 0, rgba(255,255,255,0.6), transparent 70%), radial-gradient(ellipse 16px 9px at 85% 0, rgba(255,255,255,0.55), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 6px 13px 1px; }
.us-qlsteamvent-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsteamvent-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsteamvent-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsteamvent-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsteamvent-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrinseshowerstalk { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 4px 14px; padding: 1px 14px 1px 24px; }
.us-qlrinseshowerstalk::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: -2px; width: 3px; bottom: 6px; background: linear-gradient(90deg, var(--w), var(--ol)); border-radius: 0 0 2px 2px; }
.us-qlrinseshowerstalk-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrinseshowerstalk-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrinseshowerstalk-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrinseshowerstalk-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrinseshowerstalk-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfootrinsebasin { background: radial-gradient(ellipse 60% 40% at 50% 100%, var(--c), transparent 80%), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border-radius: 6px 6px 30px 30px / 6px 6px 14px 14px; border: 1px solid var(--c); padding: 1px 15px 3px; }
.us-qlfootrinsebasin-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfootrinsebasin-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfootrinsebasin-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfootrinsebasin-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfootrinsebasin-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterspigot { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 30%, var(--w))); color: var(--dk); font-weight: 900; border: 1px solid var(--b); border-radius: 3px; padding: 1px 13px 1px 26px; }
.us-qlwaterspigot::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 15px; height: 10px; margin-top: -6px; border-radius: 3px 3px 2px 6px; background: linear-gradient(180deg, var(--o), var(--b)); box-shadow: 4px 9px 0 -3px var(--c); }
.us-qlwaterspigot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwaterspigot-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaterspigot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwaterspigot-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterspigot-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhosereelcoil { background: repeating-radial-gradient(circle at 15px 50%, var(--b) 0 2px, var(--c) 2px 4px) 0 0 / 30px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; padding: 1px 14px 1px 36px; border: 1px solid var(--c); }
.us-qlhosereelcoil-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlhosereelcoil-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhosereelcoil-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlhosereelcoil-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhosereelcoil-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltelescopicpole { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, var(--b) 0 22%, var(--c) 22% 24%, var(--ol) 24% 52%, var(--c) 52% 54%, var(--w) 54%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; border: 1px solid var(--dk); padding: 0 14px; }
.us-qltelescopicpole-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltelescopicpole-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltelescopicpole-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltelescopicpole-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltelescopicpole-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlchemicaldrumstripe { background: linear-gradient(180deg, var(--o) 0 3px, var(--w) 3px 4px, transparent 4px calc(100% - 4px), var(--w) calc(100% - 4px) calc(100% - 3px), var(--o) calc(100% - 3px)), var(--b); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px / 8px; padding: 4px 14px; }
.us-qlchemicaldrumstripe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlchemicaldrumstripe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlchemicaldrumstripe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlchemicaldrumstripe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlchemicaldrumstripe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlnetframe { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--b) 40%, transparent) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--b) 40%, transparent) 0 1px, transparent 1px 5px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--o); border-radius: 999px 999px 8px 8px; padding: 0 14px; }
.us-qlnetframe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlnetframe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlnetframe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlnetframe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlnetframe-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbrushbristles { background: repeating-linear-gradient(90deg, var(--ol) 0 2px, var(--c) 2px 3px), var(--c); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 5px 13px 1px; box-shadow: inset 0 5px 0 var(--b); }
.us-qlbrushbristles-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbrushbristles-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbrushbristles-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbrushbristles-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbrushbristles-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstampedplatetext { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 25%, var(--w))); color: color-mix(in srgb, var(--dk) 85%, transparent); font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.88em; text-shadow: 0 1px 0 #ffffff; border: 2px solid var(--b); border-radius: 3px; box-shadow: inset 0 0 0 2px var(--w); padding: 1px 14px; }
.us-qlstampedplatetext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstampedplatetext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstampedplatetext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstampedplatetext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstampedplatetext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlflamingofloatneck { background: radial-gradient(ellipse 40% 50% at 30% 25%, rgba(255,255,255,0.6), transparent 70%), var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 999px 999px 4px; padding: 1px 16px 1px 12px; }
.us-qlflamingofloatneck::after { content: ''; position: absolute; pointer-events: none; right: 4px; top: 50%; width: 5px; height: 5px; margin-top: -3px; border-radius: 50%; background: var(--dk); box-shadow: 0 0 0 1.5px var(--w); }
.us-qlflamingofloatneck-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlflamingofloatneck-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlflamingofloatneck-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlflamingofloatneck-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlflamingofloatneck-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlunicornhornfloat { background: repeating-linear-gradient(-60deg, var(--w) 0 4px, var(--ol) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%); border-radius: 0; padding: 1px 20px 1px 13px; }
.us-qlunicornhornfloat-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlunicornhornfloat-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlunicornhornfloat-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlunicornhornfloat-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlunicornhornfloat-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpizzaslicefloat { background: linear-gradient(90deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 4px 999px 999px 4px; padding: 1px 15px 1px 30px; }
.us-qlpizzaslicefloat::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 20px; height: 16px; margin-top: -8px; background: radial-gradient(circle at 70% 30%, var(--dk) 0 1.6px, transparent 2px), radial-gradient(circle at 60% 72%, var(--dk) 0 1.6px, transparent 2px), var(--o); clip-path: polygon(0 50%, 100% 0, 100% 100%); }
.us-qlpizzaslicefloat-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpizzaslicefloat-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpizzaslicefloat-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpizzaslicefloat-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpizzaslicefloat-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldonutsprinklefloat { background: radial-gradient(circle, var(--w) 0 12%, transparent 13%) 50% 50% / 100% 100% no-repeat, linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(60deg, transparent 0 8px, var(--o) 8px 10px, transparent 10px 16px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 4px solid var(--c); border-radius: 999px; padding: 0 14px; }
.us-qldonutsprinklefloat-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldonutsprinklefloat-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldonutsprinklefloat-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldonutsprinklefloat-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldonutsprinklefloat-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpineapplefloat { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, transparent 0 5px, color-mix(in srgb, var(--dk) 35%, transparent) 5px 6px), repeating-linear-gradient(-45deg, transparent 0 5px, color-mix(in srgb, var(--dk) 35%, transparent) 5px 6px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 10px; margin-top: 4px; padding: 1px 13px; }
.us-qlpineapplefloat::before { content: ''; position: absolute; pointer-events: none; left: 30%; right: 30%; top: -5px; height: 6px; background: conic-gradient(from 90deg at 50% 100%, transparent 0 30deg, var(--c) 0 60deg, transparent 0 120deg, var(--b) 0 150deg, transparent 0 210deg, var(--c) 0 240deg, transparent 0) 0 0 / 100% 100%; }
.us-qlpineapplefloat-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpineapplefloat-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpineapplefloat-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpineapplefloat-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpineapplefloat-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlavocadohalffloat { background: radial-gradient(circle at 14px 50%, var(--o) 0 5px, transparent 5.6px), radial-gradient(ellipse 80% 100% at 14px 50%, var(--ol) 0 62%, transparent 64%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 999px 999px / 60% 60% 60% 60%; padding: 1px 14px 1px 30px; }
.us-qlavocadohalffloat-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlavocadohalffloat-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlavocadohalffloat-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlavocadohalffloat-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlavocadohalffloat-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsharkfinfloat { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 100%, 8% 55%, 22% 0, 40% 55%, 100% 55%, 100% 100%); border-radius: 0; padding: 12px 18px 1px; }
.us-qlsharkfinfloat-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsharkfinfloat-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsharkfinfloat-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsharkfinfloat-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsharkfinfloat-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldolphinwavetoy { background: radial-gradient(circle at 100% 0, transparent 0 7px, var(--w) 7.6px 9px, transparent 9.6px) 100% 0 / 16px 8px no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 999px; padding: 1px 16px; }
.us-qldolphinwavetoy-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldolphinwavetoy-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldolphinwavetoy-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldolphinwavetoy-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldolphinwavetoy-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwhalespout { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 8px 999px; padding: 1px 16px; margin-top: 6px; }
.us-qlwhalespout::before { content: ''; position: absolute; pointer-events: none; left: 22px; top: -6px; width: 4px; height: 6px; border-radius: 2px; background: var(--w); box-shadow: -4px 2px 0 -1px var(--ol), 4px 2px 0 -1px var(--ol); }
.us-qlwhalespout-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwhalespout-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwhalespout-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwhalespout-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwhalespout-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstarfishtoy { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlstarfishtoy::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: radial-gradient(circle at 50% 50%, var(--ol) 0 2px, transparent 2.6px), var(--o); clip-path: polygon(50% 0, 62% 36%, 100% 38%, 70% 60%, 80% 100%, 50% 76%, 20% 100%, 30% 60%, 0 38%, 38% 36%); }
.us-qlstarfishtoy-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstarfishtoy-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstarfishtoy-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstarfishtoy-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstarfishtoy-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcrabclawpincer { background: linear-gradient(180deg, var(--o), var(--b)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 4px 999px 4px; padding: 1px 15px; }
.us-qlcrabclawpincer::after { content: ''; position: absolute; pointer-events: none; right: -4px; top: 3px; width: 9px; height: 11px; border-radius: 50% 0 50% 50%; background: var(--o); clip-path: polygon(0 0, 100% 0, 60% 50%, 100% 100%, 0 100%); }
.us-qlcrabclawpincer-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrabclawpincer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcrabclawpincer-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrabclawpincer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcrabclawpincer-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlturtleshellfloat { background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--dk) 45%, transparent) 4% 96%, transparent), radial-gradient(circle at 50% 50%, transparent 0 4px, color-mix(in srgb, var(--dk) 40%, transparent) 4px 5px, transparent 5px) 0 0 / 12px 12px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 999px 8px 8px / 100% 100% 8px 8px; padding: 4px 16px 1px; }
.us-qlturtleshellfloat-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlturtleshellfloat-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlturtleshellfloat-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlturtleshellfloat-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlturtleshellfloat-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltoysailboat { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px 2px 14px 14px; margin-top: 7px; padding: 1px 14px; }
.us-qltoysailboat::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: -8px; margin-left: -1px; width: 2px; height: 8px; background: var(--dk); box-shadow: 7px 3px 0 0 var(--w), 5px 1px 0 0 var(--w), 3px 0 0 -1px var(--w); }
.us-qltoysailboat-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltoysailboat-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltoysailboat-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltoysailboat-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltoysailboat-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaddlewheelboat { background: linear-gradient(90deg, var(--o) 0 24px, transparent 24px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px 4px 12px 12px; padding: 1px 12px 1px 30px; }
.us-qlpaddlewheelboat::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: repeating-conic-gradient(var(--w) 0 20deg, var(--b) 20deg 40deg); box-shadow: 0 0 0 1.5px var(--dk); }
.us-qlpaddlewheelboat-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpaddlewheelboat-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpaddlewheelboat-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpaddlewheelboat-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaddlewheelboat-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsubmarineporthole { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 15px 1px 30px; box-shadow: 0 0 0 2px var(--o); }
.us-qlsubmarineporthole::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; box-sizing: border-box; border-radius: 50%; border: 2.5px solid var(--ol); background: radial-gradient(circle at 35% 35%, #ffffff 0 2px, var(--ol) 3px, var(--dk) 8px); }
.us-qlsubmarineporthole-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsubmarineporthole-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsubmarineporthole-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsubmarineporthole-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsubmarineporthole-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrafthandleloop { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-qlrafthandleloop::before { content: ''; position: absolute; pointer-events: none; left: 14px; right: 14px; top: 3px; height: 4px; border-radius: 999px; background: linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--dk) 60%, transparent)); opacity: 0.65; }
.us-qlrafthandleloop-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrafthandleloop-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrafthandleloop-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrafthandleloop-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrafthandleloop-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlslidechutecurve { background: linear-gradient(115deg, transparent 0 28%, rgba(255,255,255,0.45) 28% 34%, transparent 34%), linear-gradient(90deg, var(--o), var(--c)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 6px 999px 6px; padding: 1px 16px; }
.us-qlslidechutecurve-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlslidechutecurve-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlslidechutecurve-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlslidechutecurve-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlslidechutecurve-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsprayringpad { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 50%, transparent 0 4px, var(--c) 4.6px 6px, transparent 6.6px) 0 0 / 18px 18px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; padding: 1px 13px; }
.us-qlsprayringpad-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsprayringpad-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsprayringpad-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsprayringpad-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsprayringpad-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwigglesprinkler { background: radial-gradient(ellipse 10px 6px at 50% 0, var(--w) 0 85%, transparent 90%) 0 0 / 20px 6px repeat-x, repeating-linear-gradient(90deg, var(--c) 0 10px, var(--ol) 10px 20px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 6px 15px 1px; }
.us-qlwigglesprinkler-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwigglesprinkler-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwigglesprinkler-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwigglesprinkler-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwigglesprinkler-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlflyingdisc { background: radial-gradient(ellipse 60% 70% at 50% 40%, rgba(255,255,255,0.5), transparent 70%), linear-gradient(180deg, var(--o), var(--b)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 50% / 70%; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--dk) 40%, transparent); padding: 2px 18px; }
.us-qlflyingdisc-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlflyingdisc-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlflyingdisc-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlflyingdisc-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlflyingdisc-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlboomerangtoy { background: linear-gradient(90deg, var(--o) 0 30%, var(--c) 30%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 4px 999px 4px; padding: 1px 16px; box-shadow: inset 0 -3px 0 rgba(0,0,0,0.18); }
.us-qlboomerangtoy-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlboomerangtoy-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlboomerangtoy-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlboomerangtoy-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlboomerangtoy-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qljumpropegrip { background: linear-gradient(90deg, var(--o) 0 14px, transparent 14px calc(100% - 14px), var(--o) calc(100% - 14px)), linear-gradient(var(--dk), var(--dk)) 14px 3px / calc(100% - 28px) 2px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 6px; padding: 6px 20px 1px; }
.us-qljumpropegrip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qljumpropegrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qljumpropegrip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qljumpropegrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qljumpropegrip-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhulahoopstripes { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(-45deg, var(--o) 0 5px, var(--w) 5px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid transparent; border-image: none; border-radius: 999px; box-shadow: 0 0 0 2px var(--c); padding: 0 14px; }
.us-qlhulahoopstripes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlhulahoopstripes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhulahoopstripes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlhulahoopstripes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhulahoopstripes-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlhoopnet { background: repeating-linear-gradient(90deg, transparent 0 4px, rgba(255,255,255,0.7) 4px 5px) 0 100% / 100% 60% no-repeat, linear-gradient(180deg, var(--o) 0 4px, transparent 4px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 14px 14px; padding: 6px 14px 2px; }
.us-qlhoopnet-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhoopnet-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlhoopnet-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhoopnet-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlhoopnet-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlringtosspegs { background: linear-gradient(90deg, var(--b) 0 3px, transparent 3px) 8px 40% / 100% 60% no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border-radius: 4px; border: 1px solid var(--c); padding: 1px 14px 1px 24px; }
.us-qlringtosspegs::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 13px; height: 6px; margin-top: 0; border-radius: 50%; border: 2px solid var(--o); box-sizing: border-box; }
.us-qlringtosspegs-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlringtosspegs-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlringtosspegs-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlringtosspegs-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlringtosspegs-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldivegem { background: linear-gradient(135deg, var(--w) 0 20%, var(--c) 20% 60%, var(--b) 60%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(14% 0, 86% 0, 100% 40%, 50% 100%, 0 40%); border-radius: 0; padding: 4px 22px 9px; }
.us-qldivegem-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldivegem-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldivegem-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldivegem-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldivegem-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbubblewand { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlbubblewand::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 16px; height: 16px; margin-top: -8px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--c); background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9) 0 2px, transparent 3px), color-mix(in srgb, var(--ol) 35%, transparent); }
.us-qlbubblewand-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbubblewand-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbubblewand-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbubblewand-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbubblewand-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbubbleblowerfoam { background: radial-gradient(circle at 12% 50%, rgba(255,255,255,0.8) 0 3px, transparent 3.6px), radial-gradient(circle at 30% 24%, rgba(255,255,255,0.7) 0 2px, transparent 2.6px), radial-gradient(circle at 90% 62%, rgba(255,255,255,0.7) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px; }
.us-qlbubbleblowerfoam-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbubbleblowerfoam-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbubbleblowerfoam-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbubbleblowerfoam-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbubbleblowerfoam-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsidewalkchalk { background: linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; border-radius: 3px 8px 8px 3px; box-shadow: inset 8px 0 0 var(--o); padding: 1px 13px 1px 20px; }
.us-qlsidewalkchalk-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsidewalkchalk-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsidewalkchalk-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsidewalkchalk-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsidewalkchalk-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltoybuckethandle { background: linear-gradient(180deg, var(--o), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); clip-path: polygon(0 12%, 100% 12%, 94% 100%, 6% 100%); border-radius: 0; padding: 5px 16px 1px; }
.us-qltoybuckethandle::before { content: ''; position: absolute; pointer-events: none; left: 18%; right: 18%; top: -5px; height: 9px; box-sizing: border-box; border-radius: 999px 999px 0 0; border: 2px solid var(--dk); border-bottom: 0; }
.us-qltoybuckethandle-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltoybuckethandle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltoybuckethandle-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltoybuckethandle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltoybuckethandle-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvolleyballseams { background: linear-gradient(105deg, transparent 0 8%, var(--c) 8% 10%, transparent 10%), linear-gradient(75deg, transparent 0 90%, var(--c) 90% 92%, transparent 92%), var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 999px; padding: 0 18px; }
.us-qlvolleyballseams-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlvolleyballseams-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvolleyballseams-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlvolleyballseams-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlvolleyballseams-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaddleballracket { background: radial-gradient(circle at 10px 50%, var(--w) 0 2px, transparent 2.6px), var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 6px 6px 999px; padding: 1px 14px 1px 22px; }
.us-qlpaddleballracket::after { content: ''; position: absolute; pointer-events: none; right: -6px; top: 50%; width: 8px; height: 4px; margin-top: -2px; border-radius: 0 3px 3px 0; background: var(--dk); }
.us-qlpaddleballracket-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpaddleballracket-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpaddleballracket-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpaddleballracket-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaddleballracket-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlnoodleslicering { background: radial-gradient(circle at 15px 50%, transparent 0 4px, var(--o) 4.6px 8px, transparent 8.6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlnoodleslicering-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlnoodleslicering-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlnoodleslicering-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlnoodleslicering-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlnoodleslicering-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlinnertubering { background: radial-gradient(ellipse 70% 40% at 50% 0, rgba(255,255,255,0.55), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--dk) 35%, transparent), 0 0 0 2px var(--o); padding: 1px 16px; }
.us-qlinnertubering-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlinnertubering-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlinnertubering-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlinnertubering-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlinnertubering-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltireswing { background: radial-gradient(circle at 15px 50%, var(--w) 0 4px, transparent 4.6px), repeating-radial-gradient(circle at 15px 50%, var(--dk) 0 3px, color-mix(in srgb, var(--dk) 70%, var(--b)) 3px 5px); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 999px; padding: 1px 15px 1px 34px; }
.us-qltireswing-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltireswing-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltireswing-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltireswing-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltireswing-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfloatingduckrow { background: radial-gradient(ellipse 5px 4px at 8px 60%, var(--ol) 0 90%, transparent), radial-gradient(ellipse 5px 4px at 20px 60%, var(--ol) 0 90%, transparent), radial-gradient(ellipse 5px 4px at 32px 60%, var(--ol) 0 90%, transparent), linear-gradient(180deg, var(--c), var(--b)); background-size: auto, 100% 100%, 100% 100%, auto; color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 12px 1px 42px; }
.us-qlfloatingduckrow-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfloatingduckrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfloatingduckrow-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfloatingduckrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfloatingduckrow-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltoyblockstuds { background: radial-gradient(circle at 25% 0, var(--ol) 0 3px, transparent 3.6px) 0 0 / 20px 7px, radial-gradient(circle at 75% 0, var(--ol) 0 3px, transparent 3.6px) 0 0 / 20px 7px, var(--o); background-repeat: repeat-x; color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 7px 14px 1px; }
.us-qltoyblockstuds-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltoyblockstuds-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltoyblockstuds-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltoyblockstuds-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltoyblockstuds-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwatertablebasin { background: radial-gradient(ellipse 60% 30% at 50% 0, color-mix(in srgb, var(--c) 70%, transparent), transparent 80%), var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 4px 4px 14px 14px; padding: 4px 14px 1px; }
.us-qlwatertablebasin-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwatertablebasin-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwatertablebasin-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwatertablebasin-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwatertablebasin-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpartyhatcone { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 6px; padding: 1px 14px 1px 32px; }
.us-qlpartyhatcone::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 18px; height: 20px; margin-top: -10px; background: repeating-linear-gradient(100deg, var(--o) 0 4px, var(--w) 4px 8px); clip-path: polygon(0 100%, 50% 0, 100% 100%); }
.us-qlpartyhatcone-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpartyhatcone-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpartyhatcone-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpartyhatcone-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpartyhatcone-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlconfettipopper { background: radial-gradient(circle at 20% 30%, var(--o) 0 1.6px, transparent 2px), radial-gradient(circle at 45% 70%, var(--c) 0 1.6px, transparent 2px), radial-gradient(circle at 70% 28%, var(--ol) 0 1.6px, transparent 2px), radial-gradient(circle at 88% 66%, var(--b) 0 1.6px, transparent 2px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--c); border-radius: 8px; padding: 1px 14px; }
.us-qlconfettipopper-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlconfettipopper-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlconfettipopper-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlconfettipopper-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlconfettipopper-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlballoonletters { background: none; color: var(--o); font-weight: 900; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff, 2px 3px 0 var(--b); border-radius: 0; padding: 0 5px; }
.us-qlballoonletters-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlballoonletters-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlballoonletters-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlballoonletters-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlballoonletters-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfoamletters { background: none; color: var(--c); font-weight: 900; text-shadow: 1px 1px 0 var(--w), 2px 2px 0 var(--b), 0 0 4px var(--ol); letter-spacing: 0.04em; border-radius: 0; padding: 0 5px; }
.us-qlfoamletters-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfoamletters-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfoamletters-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfoamletters-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfoamletters-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltoyblockletters { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; box-shadow: 0 3px 0 color-mix(in srgb, var(--dk) 55%, var(--o)), inset 0 -2px 0 rgba(0,0,0,0.18); font-family: 'Arial Black', Impact, sans-serif; letter-spacing: 0.06em; padding: 1px 12px; }
.us-qltoyblockletters-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltoyblockletters-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltoyblockletters-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltoyblockletters-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltoyblockletters-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgumballspiral { background: repeating-conic-gradient(from 0deg at 18px 50%, var(--o) 0 30deg, var(--w) 30deg 60deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 36px; box-shadow: 0 0 0 1px var(--c); }
.us-qlgumballspiral-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgumballspiral-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlgumballspiral-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgumballspiral-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgumballspiral-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlnoseclip { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 14px; box-shadow: 0 0 0 2px var(--o); }
.us-qlnoseclip::after { content: ''; position: absolute; pointer-events: none; left: 50%; top: -5px; width: 10px; height: 5px; margin-left: -5px; border: 2px solid var(--dk); border-bottom: 0; border-radius: 6px 6px 0 0; box-sizing: border-box; }
.us-qlnoseclip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlnoseclip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlnoseclip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlnoseclip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlnoseclip-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlearplugpair { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 28px; }
.us-qlearplugpair::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ffffff 0 1.6px, var(--o) 2.6px); }
.us-qlearplugpair::after { content: ''; position: absolute; pointer-events: none; right: 6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ffffff 0 1.6px, var(--c) 2.6px); }
.us-qlearplugpair-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlearplugpair-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlearplugpair-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlearplugpair-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlearplugpair-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlswimparachute { background: radial-gradient(circle at 50% 100%, var(--w) 0 5px, transparent 5.6px) 0 100% / 14px 7px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 5px 16px 8px; }
.us-qlswimparachute-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlswimparachute-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlswimparachute-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlswimparachute-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlswimparachute-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldragsuitmesh { background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--dk) 45%, transparent) 4% 96%, transparent), repeating-linear-gradient(45deg, rgba(255,255,255,0.28) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.28) 0 1px, transparent 1px 5px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 8px; padding: 1px 13px; }
.us-qldragsuitmesh-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldragsuitmesh-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldragsuitmesh-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldragsuitmesh-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldragsuitmesh-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltechsuitseams { background: linear-gradient(90deg, transparent 0 12px, rgba(255,255,255,0.5) 12px 13px, transparent 13px) 0 0 / 100% 100% no-repeat, linear-gradient(90deg, transparent calc(100% - 13px), rgba(255,255,255,0.5) calc(100% - 13px) calc(100% - 12px), transparent 0), linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--dk) 60%, var(--b))); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 6px; padding: 1px 18px; }
.us-qltechsuitseams-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltechsuitseams-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltechsuitseams-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltechsuitseams-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltechsuitseams-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlracingbriefstripe { background: linear-gradient(180deg, var(--o) 0 3px, var(--w) 3px 6px, transparent 6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 7px 14px 1px; }
.us-qlracingbriefstripe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlracingbriefstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlracingbriefstripe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlracingbriefstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlracingbriefstripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcentersnorkeltube { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlcentersnorkeltube::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: -4px; width: 7px; bottom: 5px; border: 3px solid var(--o); border-right: 0; border-bottom: 0; border-radius: 8px 0 0 0; box-sizing: border-box; }
.us-qlcentersnorkeltube-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcentersnorkeltube-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcentersnorkeltube-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcentersnorkeltube-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcentersnorkeltube-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmeshswimbag { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, var(--c) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, var(--c) 0 1px, transparent 1px 5px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 12px 12px; border-top: 3px solid var(--o); padding: 1px 14px 2px; }
.us-qlmeshswimbag-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmeshswimbag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmeshswimbag-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmeshswimbag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmeshswimbag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltowelhook { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border-radius: 4px; padding: 1px 13px 1px 28px; border: 1px solid var(--c); }
.us-qltowelhook::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 12px; height: 10px; margin-top: -4px; border: 3px solid var(--b); border-top: 0; border-radius: 0 0 8px 8px; box-sizing: border-box; }
.us-qltowelhook-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltowelhook-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltowelhook-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltowelhook-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltowelhook-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcombinationdial { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px 1px 32px; }
.us-qlcombinationdial::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; background: radial-gradient(circle, var(--b) 0 3px, transparent 3.6px), repeating-conic-gradient(var(--dk) 0 3deg, var(--w) 3deg 18deg); box-shadow: 0 0 0 1.5px var(--w); }
.us-qlcombinationdial-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcombinationdial-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcombinationdial-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcombinationdial-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcombinationdial-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsportsdrinksqueeze { background: linear-gradient(180deg, var(--o) 0 5px, transparent 5px), linear-gradient(90deg, transparent 0 20%, rgba(255,255,255,0.35) 20% 30%, transparent 30%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 10px 10px; padding: 6px 14px 1px; }
.us-qlsportsdrinksqueeze-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsportsdrinksqueeze-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsportsdrinksqueeze-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsportsdrinksqueeze-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsportsdrinksqueeze-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaceclockface { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--dk); border-radius: 999px; padding: 1px 14px 1px 34px; }
.us-qlpaceclockface::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: linear-gradient(var(--o), var(--o)) 50% 50% / 2px 9px no-repeat, linear-gradient(var(--dk), var(--dk)) 50% 50% / 7px 2px no-repeat, repeating-conic-gradient(var(--dk) 0 3deg, transparent 3deg 30deg), var(--w); box-shadow: 0 0 0 1px var(--dk); }
.us-qlpaceclockface-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpaceclockface-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpaceclockface-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpaceclockface-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaceclockface-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpaceclockticks { background: repeating-linear-gradient(90deg, var(--dk) 0 1px, transparent 1px 8px) 0 0 / 100% 5px no-repeat, repeating-linear-gradient(90deg, var(--dk) 0 2px, transparent 2px 40px) 0 0 / 100% 8px no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px; padding: 9px 13px 1px; }
.us-qlpaceclockticks-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpaceclockticks-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpaceclockticks-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpaceclockticks-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpaceclockticks-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwhistlecord { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 14px 1px 22px; }
.us-qlwhistlecord::before { content: ''; position: absolute; pointer-events: none; left: -10px; top: 50%; width: 14px; height: 2px; margin-top: -1px; background: var(--o); box-shadow: -6px -3px 0 0 var(--o), -6px 3px 0 0 var(--o); }
.us-qlwhistlecord-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwhistlecord-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwhistlecord-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwhistlecord-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwhistlecord-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstarterhorn { background: linear-gradient(90deg, var(--o) 0 26px, transparent 26px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 999px 999px 3px / 3px 18px 18px 3px; padding: 1px 16px 1px 32px; }
.us-qlstarterhorn-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstarterhorn-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstarterhorn-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstarterhorn-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstarterhorn-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllanerulerticks { background: repeating-linear-gradient(90deg, var(--b) 0 1px, transparent 1px 6px) 0 100% / 100% 4px no-repeat, repeating-linear-gradient(90deg, var(--b) 0 2px, transparent 2px 30px) 0 100% / 100% 8px no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border-radius: 2px; padding: 1px 13px 9px; }
.us-qllanerulerticks-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllanerulerticks-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllanerulerticks-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllanerulerticks-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllanerulerticks-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlledgewedge { background: linear-gradient(180deg, var(--w) 0 6px, var(--c) 6px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 14px 3px 3px; padding: 8px 14px 1px; }
.us-qlledgewedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlledgewedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlledgewedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlledgewedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlledgewedge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltouchpadplate { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--dk) 0 1px, transparent 1px 8px), repeating-linear-gradient(180deg, var(--dk) 0 1px, transparent 1px 8px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--b); border-radius: 3px; padding: 0 12px; }
.us-qltouchpadplate-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltouchpadplate-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltouchpadplate-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltouchpadplate-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltouchpadplate-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmeetboarddigits { background: linear-gradient(180deg, color-mix(in srgb, var(--dk) 85%, #000000), var(--dk)); color: var(--ol); text-shadow: 0 0 6px var(--o); font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.12em; border: 2px solid var(--b); border-radius: 4px; padding: 1px 12px; }
.us-qlmeetboarddigits-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmeetboarddigits-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmeetboarddigits-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmeetboarddigits-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmeetboarddigits-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlheatsheetrows { background: repeating-linear-gradient(180deg, var(--w) 0 5px, color-mix(in srgb, var(--c) 25%, var(--w)) 5px 10px); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-left: 4px solid var(--o); border-radius: 2px; padding: 1px 12px; }
.us-qlheatsheetrows-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlheatsheetrows-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlheatsheetrows-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlheatsheetrows-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlheatsheetrows-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpodiumsteps { background: linear-gradient(180deg, var(--ol), var(--ol)) 0 100% / 8px 40% no-repeat, linear-gradient(180deg, var(--o), var(--o)) 8px 100% / 8px 75% no-repeat, linear-gradient(180deg, var(--c), var(--c)) 16px 100% / 8px 55% no-repeat, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px 1px 32px; }
.us-qlpodiumsteps-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpodiumsteps-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpodiumsteps-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpodiumsteps-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpodiumsteps-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrelaybatongrip { background: linear-gradient(90deg, var(--o) 0 14%, var(--w) 14% 18%, var(--c) 18% 82%, var(--w) 82% 86%, var(--o) 86%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 20px; }
.us-qlrelaybatongrip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrelaybatongrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlrelaybatongrip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrelaybatongrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrelaybatongrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbuoyband { background: radial-gradient(circle at 50% 100%, rgba(255,255,255,0.5), transparent 60%), repeating-linear-gradient(90deg, var(--o) 0 12px, var(--w) 12px 24px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 16px; }
.us-qlbuoyband-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbuoyband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbuoyband-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbuoyband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbuoyband-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlresistanceband { background: linear-gradient(180deg, color-mix(in srgb, var(--o) 100%, #ffffff 25%), var(--o) 55%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px / 50%; box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2); padding: 0 16px; }
.us-qlresistanceband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlresistanceband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlresistanceband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlresistanceband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlresistanceband-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltempobeeper { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px 1px 24px; }
.us-qltempobeeper::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--o); box-shadow: 0 0 6px var(--o), 0 0 0 3px color-mix(in srgb, var(--o) 40%, transparent); animation: us-blink 0.8s ease-in-out infinite alternate; }
.us-qltempobeeper-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltempobeeper-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltempobeeper-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltempobeeper-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltempobeeper-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlheartratestrap { background: linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--dk) 70%, var(--b))); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 6px; padding: 1px 14px 1px 30px; }
.us-qlheartratestrap::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 18px; height: 8px; margin-top: -4px; background: linear-gradient(135deg, transparent 0 20%, var(--o) 20% 30%, transparent 30% 40%, var(--o) 40% 50%, transparent 50% 60%, var(--o) 60% 70%, transparent 70%); }
.us-qlheartratestrap-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlheartratestrap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlheartratestrap-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlheartratestrap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlheartratestrap-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltrackerscreen { background: linear-gradient(180deg, color-mix(in srgb, var(--dk) 85%, #000000), var(--dk)); color: var(--w); text-shadow: 0 0 4px var(--c); border: 3px solid var(--b); border-radius: 10px; padding: 1px 13px; }
.us-qltrackerscreen-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltrackerscreen-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltrackerscreen-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltrackerscreen-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltrackerscreen-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfitnessring { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlfitnessring::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 16px; height: 16px; margin-top: -8px; box-sizing: border-box; border-radius: 50%; border: 3px solid var(--c); border-top-color: var(--o); border-right-color: var(--o); }
.us-qlfitnessring-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfitnessring-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfitnessring-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfitnessring-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfitnessring-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlyogamatroll { background: radial-gradient(circle at 12px 50%, var(--ol) 0 3px, var(--o) 3.6px 6px, var(--ol) 6.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 6px 6px 999px; padding: 1px 14px 1px 30px; }
.us-qlyogamatroll-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlyogamatroll-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlyogamatroll-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlyogamatroll-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlyogamatroll-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlaquajogbelt { background: repeating-linear-gradient(90deg, var(--o) 0 8px, var(--dk) 8px 10px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 6px; padding: 1px 14px; }
.us-qlaquajogbelt-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlaquajogbelt-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlaquajogbelt-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlaquajogbelt-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlaquajogbelt-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlaquadumbbell { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; margin: 0 8px; padding: 1px 14px; }
.us-qlaquadumbbell::before { content: ''; position: absolute; pointer-events: none; left: -7px; top: 50%; width: 9px; height: 18px; margin-top: -9px; border-radius: 4px; background: linear-gradient(180deg, var(--o), var(--dk)); }
.us-qlaquadumbbell::after { content: ''; position: absolute; pointer-events: none; right: -7px; top: 50%; width: 9px; height: 18px; margin-top: -9px; border-radius: 4px; background: linear-gradient(180deg, var(--o), var(--dk)); }
.us-qlaquadumbbell-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlaquadumbbell-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlaquadumbbell-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlaquadumbbell-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlaquadumbbell-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpooltreadmillbelt { background: repeating-linear-gradient(90deg, var(--dk) 0 6px, color-mix(in srgb, var(--dk) 70%, var(--b)) 6px 8px); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 999px; border-top: 2px solid var(--w); border-bottom: 2px solid var(--w); padding: 0 14px; }
.us-qlpooltreadmillbelt-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpooltreadmillbelt-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpooltreadmillbelt-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpooltreadmillbelt-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpooltreadmillbelt-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlnoodlebend { background: linear-gradient(180deg, rgba(255,255,255,0.45), transparent 55%), var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 999px 4px 999px; padding: 1px 16px; }
.us-qlnoodlebend-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlnoodlebend-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlnoodlebend-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlnoodlebend-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlnoodlebend-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlzipsealstrip { background: repeating-linear-gradient(90deg, var(--b) 0 2px, var(--c) 2px 4px) 0 0 / 100% 4px no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 7px 13px 1px; }
.us-qlzipsealstrip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlzipsealstrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlzipsealstrip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlzipsealstrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlzipsealstrip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsurfleashcoil { background: repeating-radial-gradient(circle at 14px 50%, var(--o) 0 2px, var(--w) 2px 4px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 34px; }
.us-qlsurfleashcoil-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsurfleashcoil-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsurfleashcoil-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsurfleashcoil-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsurfleashcoil-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlskimboardedge { background: linear-gradient(180deg, var(--w) 0 3px, var(--ol) 3px 6px, var(--c) 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 6px 18px 1px; }
.us-qlskimboardedge-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlskimboardedge-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlskimboardedge-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlskimboardedge-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlskimboardedge-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbodyboardgrip { background: radial-gradient(ellipse 14px 7px at 50% 0, var(--b) 0 85%, transparent 90%) 0 0 / 28px 7px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 10px 10px; padding: 8px 16px 1px; }
.us-qlbodyboardgrip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbodyboardgrip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbodyboardgrip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbodyboardgrip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbodyboardgrip-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwetsuitpanels { background: linear-gradient(90deg, transparent 0 24%, var(--o) 24% 26%, transparent 26% 74%, var(--o) 74% 76%, transparent 76%), linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--dk) 65%, var(--b))); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 8px; padding: 1px 18px; }
.us-qlwetsuitpanels-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwetsuitpanels-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwetsuitpanels-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwetsuitpanels-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwetsuitpanels-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldiveweightbelt { background: repeating-linear-gradient(90deg, var(--dk) 0 7px, var(--w) 7px 9px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 4px; padding: 1px 12px; box-shadow: 0 0 0 1px var(--dk); }
.us-qldiveweightbelt-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldiveweightbelt-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldiveweightbelt-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldiveweightbelt-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldiveweightbelt-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldepthgaugedial { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 13px 1px 32px; }
.us-qldepthgaugedial::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 20px; height: 20px; margin-top: -10px; border-radius: 50%; background: linear-gradient(var(--o), var(--o)) 50% 50% / 2px 8px no-repeat, repeating-conic-gradient(var(--w) 0 4deg, var(--b) 4deg 24deg); box-shadow: 0 0 0 1.5px var(--w); }
.us-qldepthgaugedial-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldepthgaugedial-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldepthgaugedial-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldepthgaugedial-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldepthgaugedial-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlracebib { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px; padding: 1px 14px 1px 24px; }
.us-qlracebib::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 5px; width: 4px; height: 4px; border-radius: 50%; background: var(--b); box-shadow: 0 10px 0 0 var(--b); }
.us-qlracebib-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlracebib-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlracebib-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlracebib-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlracebib-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlracingnumerals { background: none; color: var(--o); font-family: 'Arial Black', Impact, sans-serif; font-style: italic; font-weight: 900; letter-spacing: 0.04em; text-shadow: 2px 2px 0 var(--b), 3px 3px 0 var(--dk); border-radius: 0; padding: 0 6px 0 3px; }
.us-qlracingnumerals-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlracingnumerals-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlracingnumerals-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlracingnumerals-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlracingnumerals-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlscoreboardtext { background: none; color: var(--ol); font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 900; letter-spacing: 0.1em; text-shadow: 0 0 5px var(--o); border-radius: 0; padding: 0 6px; background-color: var(--dk); }
.us-qlscoreboardtext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlscoreboardtext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlscoreboardtext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlscoreboardtext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlscoreboardtext-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunscreensqueeze { background: linear-gradient(180deg, var(--o) 0 5px, transparent 5px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 4px 4px 10px 10px; padding: 7px 14px 1px; }
.us-qlsunscreensqueeze-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsunscreensqueeze-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunscreensqueeze-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsunscreensqueeze-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunscreensqueeze-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllipbalmstick { background: linear-gradient(90deg, var(--o) 0 12px, var(--w) 12px 14px, var(--c) 14px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px 1px 22px; }
.us-qllipbalmstick-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllipbalmstick-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllipbalmstick-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllipbalmstick-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllipbalmstick-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbeachtowelstripes { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--o) 0 6px, var(--w) 6px 10px, var(--c) 10px 16px, var(--w) 16px 20px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; box-shadow: inset 0 0 0 2px var(--w); padding: 1px 13px; }
.us-qlbeachtowelstripes-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbeachtowelstripes-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbeachtowelstripes-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbeachtowelstripes-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbeachtowelstripes-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltowelfringe { background: repeating-linear-gradient(90deg, var(--o) 0 2px, transparent 2px 4px) 0 100% / 100% 6px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-top: 3px solid var(--c); border-radius: 2px; padding: 1px 13px 8px; }
.us-qltowelfringe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltowelfringe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltowelfringe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltowelfringe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltowelfringe-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbeachblanketplaid { background: linear-gradient(90deg, color-mix(in srgb, var(--c) 40%, transparent) 0 6px, transparent 6px 14px) 0 0 / 14px 100%, linear-gradient(180deg, color-mix(in srgb, var(--o) 40%, transparent) 0 4px, transparent 4px 10px) 0 0 / 100% 10px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 3px; padding: 0 13px; }
.us-qlbeachblanketplaid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbeachblanketplaid-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbeachblanketplaid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbeachblanketplaid-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbeachblanketplaid-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsandduneripples { background: radial-gradient(ellipse 18px 6px at 50% 0, transparent 0 80%, color-mix(in srgb, var(--b) 30%, transparent) 85% 100%) 0 0 / 36px 10px, linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; padding: 1px 14px; }
.us-qlsandduneripples-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsandduneripples-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsandduneripples-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsandduneripples-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsandduneripples-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlseashellspiral { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlseashellspiral::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: repeating-radial-gradient(circle at 50% 50%, var(--o) 0 1.5px, var(--ol) 1.5px 3px); }
.us-qlseashellspiral-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlseashellspiral-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlseashellspiral-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlseashellspiral-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlseashellspiral-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlscallopshellfan { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-conic-gradient(from -60deg at 50% 100%, var(--ol) 0 6deg, var(--w) 6deg 12deg) 0 0 / 100% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 5px 18px 1px; }
.us-qlscallopshellfan-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlscallopshellfan-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlscallopshellfan-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlscallopshellfan-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlscallopshellfan-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlconchhorn { background: linear-gradient(90deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 999px 999px / 50%; padding: 1px 16px; box-shadow: inset 0 -3px 0 var(--o); }
.us-qlconchhorn-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlconchhorn-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlconchhorn-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlconchhorn-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlconchhorn-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstarfishdots { background: radial-gradient(circle, var(--w) 0 1px, transparent 1.6px) 0 0 / 7px 7px, var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 15px; }
.us-qlstarfishdots-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstarfishdots-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstarfishdots-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstarfishdots-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstarfishdots-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsandpailstripe { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 10px 10px; box-shadow: inset 0 -4px 0 var(--w), inset 0 -5px 0 var(--o); padding: 1px 14px 5px; }
.us-qlsandpailstripe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsandpailstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsandpailstripe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsandpailstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsandpailstripe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbeachumbrellapole { background: repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px) 0 0 / 100% 6px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 9px 18px 1px; }
.us-qlbeachumbrellapole-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbeachumbrellapole-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbeachumbrellapole-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbeachumbrellapole-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbeachumbrellapole-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunvisorbrim { background: linear-gradient(180deg, var(--w) 0 60%, var(--o) 60%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 40% 40% / 100% 100% 100% 100%; padding: 1px 18px 6px; }
.us-qlsunvisorbrim-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsunvisorbrim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunvisorbrim-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsunvisorbrim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunvisorbrim-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstrawhatweave { background: repeating-linear-gradient(90deg, var(--ol) 0 3px, var(--o) 3px 4px), repeating-linear-gradient(0deg, transparent 0 2px, rgba(255,255,255,0.25) 2px 3px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px / 55%; border-bottom: 3px solid var(--o); padding: 1px 18px; }
.us-qlstrawhatweave-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstrawhatweave-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstrawhatweave-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstrawhatweave-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstrawhatweave-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlhatbandribbon { background: linear-gradient(180deg, transparent 0 30%, var(--c) 30% 70%, transparent 70%), var(--w); color: var(--dk); font-weight: 900; border-radius: 8px; padding: 1px 14px; }
.us-qlhatbandribbon-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhatbandribbon-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlhatbandribbon-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhatbandribbon-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlhatbandribbon-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunglassesframe { background: var(--dk); color: var(--w); text-shadow: 0 0 4px var(--c); border-radius: 999px; box-shadow: inset 0 0 0 2px var(--o); padding: 1px 16px; }
.us-qlsunglassesframe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsunglassesframe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunglassesframe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsunglassesframe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunglassesframe-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllensgradientshades { background: linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--c) 70%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px #000000; border: 3px solid var(--w); border-radius: 12px 12px 22px 22px; padding: 0 14px; box-shadow: 0 0 0 1px var(--b); }
.us-qllensgradientshades-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllensgradientshades-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllensgradientshades-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllensgradientshades-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllensgradientshades-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlflipflopstrap { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 22px; }
.us-qlflipflopstrap::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 10px; height: 12px; margin-top: -6px; background: linear-gradient(135deg, var(--o) 0 50%, transparent 50%), var(--w); clip-path: polygon(50% 100%, 0 0, 100% 0); }
.us-qlflipflopstrap-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlflipflopstrap-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlflipflopstrap-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlflipflopstrap-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlflipflopstrap-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsandalbuckle { background: linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 14px 1px 26px; }
.us-qlsandalbuckle::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 12px; height: 10px; margin-top: -5px; box-sizing: border-box; border: 2px solid var(--dk); border-radius: 2px; }
.us-qlsandalbuckle-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsandalbuckle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsandalbuckle-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsandalbuckle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsandalbuckle-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoolerlatch { background: linear-gradient(180deg, transparent 0 32%, var(--w) 32% 40%, transparent 40%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 5px 14px 1px; box-shadow: inset 0 3px 0 var(--w); }
.us-qlcoolerlatch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcoolerlatch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoolerlatch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcoolerlatch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcoolerlatch-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpicnicbasketweave { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, var(--o) 0 3px, var(--ol) 3px 6px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.12) 0 3px, transparent 3px 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 12px 12px; padding: 1px 14px; }
.us-qlpicnicbasketweave-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpicnicbasketweave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpicnicbasketweave-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpicnicbasketweave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpicnicbasketweave-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcheckernapkin { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(var(--o) 25%, var(--w) 0 50%, var(--o) 0 75%, var(--w) 0) 0 0 / 10px 10px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; transform: rotate(-1deg); padding: 1px 13px; }
.us-qlcheckernapkin-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcheckernapkin-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcheckernapkin-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcheckernapkin-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcheckernapkin-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbeachchairslings { background: repeating-linear-gradient(90deg, var(--w) 0 8px, var(--c) 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 4px 4px; border-top: 3px solid var(--dk); border-bottom: 3px solid var(--dk); padding: 0 13px; }
.us-qlbeachchairslings-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbeachchairslings-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbeachchairslings-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbeachchairslings-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbeachchairslings-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlhammockcurve { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 999px 999px / 4px 4px 100% 100%; padding: 1px 18px 6px; }
.us-qlhammockcurve::before { content: ''; position: absolute; pointer-events: none; left: -3px; top: 3px; width: 3px; height: 12px; background: var(--dk); box-shadow: calc(100% + 0px) 0 0 0 var(--dk); }
.us-qlhammockcurve-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlhammockcurve-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlhammockcurve-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlhammockcurve-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlhammockcurve-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpalmfrondstrip { background: repeating-linear-gradient(60deg, var(--c) 0 3px, transparent 3px 6px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlpalmfrondstrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpalmfrondstrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpalmfrondstrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpalmfrondstrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpalmfrondstrip-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoconuthusk { background: radial-gradient(circle at 8px 50%, var(--dk) 0 1.4px, transparent 1.8px), radial-gradient(circle at 13px 36%, var(--dk) 0 1.4px, transparent 1.8px), radial-gradient(circle at 13px 64%, var(--dk) 0 1.4px, transparent 1.8px), var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; padding: 1px 15px 1px 22px; }
.us-qlcoconuthusk-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcoconuthusk-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoconuthusk-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcoconuthusk-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcoconuthusk-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsunrayburst { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--o) 0 10deg, transparent 10deg 20deg) 0 0 / 28px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 8px; padding: 1px 14px 1px 30px; border: 1px solid var(--ol); }
.us-qlsunrayburst-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsunrayburst-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsunrayburst-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsunrayburst-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsunrayburst-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltanlinefade { background: linear-gradient(90deg, var(--w) 0 18%, var(--ol) 52%, var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 14px; }
.us-qltanlinefade-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltanlinefade-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltanlinefade-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltanlinefade-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltanlinefade-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlheatshimmer { background: repeating-linear-gradient(180deg, rgba(255,255,255,0.35) 0 1px, transparent 1px 4px), linear-gradient(180deg, var(--o), var(--ol)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 8px; padding: 1px 14px; }
.us-qlheatshimmer-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlheatshimmer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlheatshimmer-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlheatshimmer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlheatshimmer-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllighthousebeam { background: linear-gradient(90deg, var(--dk) 0 12px, var(--ol) 12px 40%, transparent 70%), var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 1px 14px 1px 22px; border: 1px solid var(--c); }
.us-qllighthousebeam-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllighthousebeam-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllighthousebeam-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllighthousebeam-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllighthousebeam-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpierposts { background: linear-gradient(90deg, var(--dk) 0 3px, transparent 3px 11px) 0 0 / 14px 100% repeat-x, linear-gradient(180deg, transparent calc(100% - 4px), var(--o) calc(100% - 4px)), var(--w); color: var(--dk); font-weight: 900; border-radius: 0; padding: 1px 13px 5px; }
.us-qlpierposts-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpierposts-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpierposts-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpierposts-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpierposts-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldriftwoodplank { background: repeating-linear-gradient(95deg, color-mix(in srgb, var(--dk) 22%, transparent) 0 1px, transparent 1px 9px), linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 10px 3px 10px; padding: 1px 14px; }
.us-qldriftwoodplank-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldriftwoodplank-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldriftwoodplank-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldriftwoodplank-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldriftwoodplank-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmessageinbottle { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 16px 1px 22px; }
.us-qlmessageinbottle::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 11px; height: 5px; margin-top: -2.5px; background: var(--w); border-radius: 2px; box-shadow: 0 0 0 1px var(--dk); }
.us-qlmessageinbottle-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmessageinbottle-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmessageinbottle-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmessageinbottle-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmessageinbottle-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltreasuremapedge { background: radial-gradient(circle at 0 0, transparent 0 4px, var(--w) 4.6px) 0 0 / 14px 14px, linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px dashed var(--o); border-radius: 3px; padding: 1px 14px; }
.us-qltreasuremapedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltreasuremapedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltreasuremapedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltreasuremapedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltreasuremapedge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcompassrosedot { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlcompassrosedot::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: linear-gradient(var(--o), var(--o)) 50% 50% / 2px 100% no-repeat, linear-gradient(var(--b), var(--b)) 50% 50% / 100% 2px no-repeat; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--dk); }
.us-qlcompassrosedot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcompassrosedot-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcompassrosedot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcompassrosedot-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcompassrosedot-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlanchorropeknot { background: repeating-linear-gradient(-55deg, var(--ol) 0 3px, var(--w) 3px 6px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; border: 2px solid var(--o); padding: 0 15px; }
.us-qlanchorropeknot-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlanchorropeknot-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlanchorropeknot-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlanchorropeknot-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlanchorropeknot-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllifeguardflagpair { background: linear-gradient(90deg, var(--o) 0 50%, var(--c) 50%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 1px 14px; box-shadow: 0 0 0 1px var(--dk); }
.us-qllifeguardflagpair-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllifeguardflagpair-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllifeguardflagpair-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllifeguardflagpair-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllifeguardflagpair-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsaltspray { background: radial-gradient(circle at 12% 40%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 30% 70%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 58% 30%, #ffffff 0 1.2px, transparent 1.8px), radial-gradient(circle at 78% 66%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 92% 28%, #ffffff 0 1.2px, transparent 1.8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-qlsaltspray-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsaltspray-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsaltspray-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsaltspray-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsaltspray-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbeachhutroof { background: linear-gradient(180deg, var(--o) 0 5px, transparent 5px), repeating-linear-gradient(90deg, var(--w) 0 8px, var(--ol) 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 3px 3px / 100% 100% 3px 3px; padding: 6px 16px 1px; }
.us-qlbeachhutroof-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbeachhutroof-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbeachhutroof-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbeachhutroof-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbeachhutroof-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunsetpostcardbeac { background: linear-gradient(180deg, var(--ol) 0 40%, var(--o) 40% 55%, var(--c) 55%); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 3px; box-shadow: 0 0 0 1px var(--b); padding: 0 14px; }
.us-qlsunsetpostcardbeac-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsunsetpostcardbeac-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsunsetpostcardbeac-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsunsetpostcardbeac-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsunsetpostcardbeac-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsunbathetext { background: none; color: var(--o); font-weight: 900; text-shadow: 0 0 5px var(--ol), 1px 2px 0 var(--b); letter-spacing: 0.03em; border-radius: 0; padding: 0 5px; }
.us-qlsunbathetext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsunbathetext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsunbathetext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsunbathetext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsunbathetext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsandwriting { background: none; color: var(--dk); font-weight: 900; text-shadow: 1px 1px 0 var(--ol), -1px -1px 0 rgba(255,255,255,0.7); letter-spacing: 0.06em; border-radius: 0; padding: 0 5px; }
.us-qlsandwriting-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsandwriting-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsandwriting-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsandwriting-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsandwriting-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsaltwaterlabel { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.88em; border: 2px solid var(--b); border-radius: 999px; padding: 1px 15px; }
.us-qlsaltwaterlabel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsaltwaterlabel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsaltwaterlabel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsaltwaterlabel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsaltwaterlabel-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbeachdayticket { background: radial-gradient(circle at 0 50%, transparent 0 4px, var(--ol) 4.6px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 4px, var(--ol) 4.6px) 100% 0 / 51% 100% no-repeat; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 15px; }
.us-qlbeachdayticket-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbeachdayticket-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbeachdayticket-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbeachdayticket-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbeachdayticket-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmocktailumbrella { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 12px 12px; margin-top: 6px; padding: 1px 14px; }
.us-qlmocktailumbrella::before { content: ''; position: absolute; pointer-events: none; left: 12px; top: -7px; width: 14px; height: 7px; background: repeating-conic-gradient(from -45deg at 50% 100%, var(--o) 0 22deg, var(--w) 22deg 45deg); clip-path: polygon(0 100%, 0 40%, 50% 0, 100% 40%, 100% 100%); }
.us-qlmocktailumbrella-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmocktailumbrella-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmocktailumbrella-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmocktailumbrella-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmocktailumbrella-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltropicalpunchlayer { background: linear-gradient(180deg, var(--ol) 0 33%, var(--o) 33% 66%, var(--c) 66%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 10px 10px; padding: 1px 14px; }
.us-qltropicalpunchlayer-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltropicalpunchlayer-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltropicalpunchlayer-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltropicalpunchlayer-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltropicalpunchlayer-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbluelagoonglass { background: linear-gradient(180deg, rgba(255,255,255,0.55) 0 18%, transparent 18%), linear-gradient(90deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px 2px 14px 14px; padding: 1px 14px; border-top: 3px solid var(--w); }
.us-qlbluelagoonglass-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbluelagoonglass-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbluelagoonglass-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbluelagoonglass-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbluelagoonglass-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsunrisestripes { background: linear-gradient(180deg, var(--o) 0 25%, var(--ol) 25% 50%, var(--w) 50% 75%, var(--c) 75%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 14px; }
.us-qlsunrisestripes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsunrisestripes-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsunrisestripes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsunrisestripes-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsunrisestripes-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlfoamtoppedcup { background: radial-gradient(circle at 20% 0, var(--w) 0 4px, transparent 4.6px), radial-gradient(circle at 50% -1px, var(--w) 0 5px, transparent 5.6px), radial-gradient(circle at 82% 0, var(--w) 0 4px, transparent 4.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 12px 12px; padding: 6px 14px 1px; }
.us-qlfoamtoppedcup-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfoamtoppedcup-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlfoamtoppedcup-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfoamtoppedcup-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlfoamtoppedcup-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoconutwatercarton { background: linear-gradient(180deg, var(--c) 0 5px, transparent 5px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px 3px 3px 3px; padding: 7px 14px 1px; }
.us-qlcoconutwatercarton-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcoconutwatercarton-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcoconutwatercarton-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcoconutwatercarton-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcoconutwatercarton-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsparklingbubbles { background: radial-gradient(circle at 10% 80%, rgba(255,255,255,0.8) 0 1.6px, transparent 2.2px), radial-gradient(circle at 24% 40%, rgba(255,255,255,0.7) 0 1.2px, transparent 1.8px), radial-gradient(circle at 70% 70%, rgba(255,255,255,0.8) 0 1.6px, transparent 2.2px), radial-gradient(circle at 90% 30%, rgba(255,255,255,0.7) 0 1.2px, transparent 1.8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-qlsparklingbubbles-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsparklingbubbles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsparklingbubbles-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsparklingbubbles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsparklingbubbles-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlseltzercan { background: linear-gradient(180deg, var(--w) 0 3px, transparent 3px calc(100% - 3px), var(--w) calc(100% - 3px)), linear-gradient(90deg, rgba(255,255,255,0.35) 0 14%, transparent 14% 80%, rgba(0,0,0,0.15) 80%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 3px 14px; }
.us-qlseltzercan-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlseltzercan-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlseltzercan-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlseltzercan-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlseltzercan-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcanpulltab { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-qlcanpulltab::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 16px; height: 9px; margin-top: -4.5px; box-sizing: border-box; border: 2px solid var(--w); border-radius: 999px; background: radial-gradient(circle at 25% 50%, var(--dk) 0 2px, transparent 2.6px); }
.us-qlcanpulltab-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcanpulltab-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcanpulltab-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcanpulltab-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcanpulltab-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltoniclabel { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 3px; box-shadow: inset 0 0 0 2px var(--w), inset 0 0 0 3px var(--c); padding: 1px 14px; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.9em; }
.us-qltoniclabel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltoniclabel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltoniclabel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltoniclabel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltoniclabel-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicedcoffeefoam { background: linear-gradient(180deg, var(--w) 0 30%, var(--ol) 30%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 12px 12px; padding: 1px 14px; }
.us-qlicedcoffeefoam-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlicedcoffeefoam-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicedcoffeefoam-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlicedcoffeefoam-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicedcoffeefoam-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltapiocapearls { background: radial-gradient(circle at 6px 80%, var(--dk) 0 3px, transparent 3.6px), radial-gradient(circle at 15px 85%, var(--dk) 0 3px, transparent 3.6px), radial-gradient(circle at 24px 80%, var(--dk) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; border-radius: 4px 4px 12px 12px; border: 1px solid var(--o); padding: 1px 14px 7px; }
.us-qltapiocapearls-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltapiocapearls-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltapiocapearls-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltapiocapearls-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltapiocapearls-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbubbleteadome { background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 20%, transparent 20%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 10px 10px / 70% 70% 10px 10px; padding: 5px 16px 1px; }
.us-qlbubbleteadome-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbubbleteadome-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbubbleteadome-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbubbleteadome-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbubbleteadome-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmilkshakewhip { background: radial-gradient(circle at 25% 0, var(--w) 0 4px, transparent 4.6px), radial-gradient(circle at 60% -2px, var(--w) 0 5px, transparent 5.6px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 12px 12px; padding: 6px 14px 1px; }
.us-qlmilkshakewhip-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmilkshakewhip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmilkshakewhip-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmilkshakewhip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmilkshakewhip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpairedstraws { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 6px; padding: 1px 14px 1px 14px; }
.us-qlpairedstraws::after { content: ''; position: absolute; pointer-events: none; right: 8px; top: -6px; width: 3px; height: 10px; background: repeating-linear-gradient(180deg, var(--o) 0 3px, var(--w) 3px 6px); box-shadow: 6px -2px 0 0 var(--c); }
.us-qlpairedstraws-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpairedstraws-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpairedstraws-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpairedstraws-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpairedstraws-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllemonwedgerim { background: radial-gradient(circle at 50% 0, transparent 0 4px, var(--w) 4.6px 6px, var(--ol) 6.6px 8px, transparent 8.6px) 100% 0 / 20px 100% no-repeat, linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border-radius: 6px; padding: 1px 26px 1px 13px; }
.us-qllemonwedgerim-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllemonwedgerim-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllemonwedgerim-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllemonwedgerim-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllemonwedgerim-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsaltrim { background: radial-gradient(circle, #ffffff 0 1px, transparent 1.6px) 0 0 / 5px 5px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 12px 12px; border-top: 5px dotted var(--w); padding: 1px 14px; }
.us-qlsaltrim-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsaltrim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsaltrim-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsaltrim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsaltrim-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsugarrimsparkle { background: radial-gradient(circle, #ffffff 0 0.8px, transparent 1.3px) 0 0 / 4px 4px, var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; box-shadow: 0 0 0 2px var(--w); padding: 1px 15px; }
.us-qlsugarrimsparkle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsugarrimsparkle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsugarrimsparkle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsugarrimsparkle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsugarrimsparkle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcubetraygrid { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, var(--c) 0 2px, transparent 2px) 0 0 / 14px 100%, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px solid var(--c); border-radius: 4px; padding: 0 12px; }
.us-qlcubetraygrid-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcubetraygrid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcubetraygrid-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcubetraygrid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcubetraygrid-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicebucketrim { background: linear-gradient(180deg, var(--ol) 0 4px, transparent 4px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 12px 12px; box-shadow: inset 0 4px 0 var(--w); padding: 6px 15px 1px; }
.us-qlicebucketrim-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlicebucketrim-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicebucketrim-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlicebucketrim-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicebucketrim-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlthermosflask { background: linear-gradient(180deg, var(--o) 0 5px, var(--dk) 5px 7px, transparent 7px), linear-gradient(90deg, var(--c), var(--w) 40%, var(--b)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 8px 14px 1px; }
.us-qlthermosflask-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlthermosflask-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlthermosflask-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlthermosflask-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlthermosflask-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaterjugspout { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 14px; }
.us-qlwaterjugspout::after { content: ''; position: absolute; pointer-events: none; right: -5px; top: 4px; width: 8px; height: 6px; background: var(--b); border-radius: 0 6px 6px 0; }
.us-qlwaterjugspout-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwaterjugspout-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaterjugspout-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwaterjugspout-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaterjugspout-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcoolerbubble { background: radial-gradient(circle at 12px 80%, rgba(255,255,255,0.8) 0 2px, transparent 2.6px), radial-gradient(circle at 18px 55%, rgba(255,255,255,0.7) 0 1.4px, transparent 2px), radial-gradient(circle at 10px 40%, rgba(255,255,255,0.6) 0 1.2px, transparent 1.8px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 10px 10px; padding: 1px 14px 1px 28px; }
.us-qlcoolerbubble-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcoolerbubble-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcoolerbubble-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcoolerbubble-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcoolerbubble-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpitcherhandle { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px 4px 12px 12px; margin-right: 8px; padding: 1px 14px; }
.us-qlpitcherhandle::after { content: ''; position: absolute; pointer-events: none; right: -8px; top: 3px; bottom: 4px; width: 9px; box-sizing: border-box; border: 3px solid var(--c); border-left: 0; border-radius: 0 8px 8px 0; }
.us-qlpitcherhandle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpitcherhandle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpitcherhandle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpitcherhandle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpitcherhandle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmasonjarlid { background: linear-gradient(180deg, var(--o) 0 6px, transparent 6px), linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.15)), var(--c); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 4px 4px 10px 10px; padding: 8px 14px 1px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6); }
.us-qlmasonjarlid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmasonjarlid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmasonjarlid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmasonjarlid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmasonjarlid-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstrawwrappertwist { background: repeating-linear-gradient(-50deg, var(--w) 0 4px, var(--ol) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 14px; }
.us-qlstrawwrappertwist-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstrawwrappertwist-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstrawwrappertwist-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstrawwrappertwist-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstrawwrappertwist-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcocktailshaker { background: linear-gradient(180deg, var(--ol) 0 6px, transparent 6px), linear-gradient(180deg, var(--w) 0 2px, transparent 2px) 0 10px / 100% 100% no-repeat, linear-gradient(90deg, var(--c), var(--w) 45%, var(--b)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px 6px 10px 10px; padding: 8px 14px 1px; }
.us-qlcocktailshaker-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcocktailshaker-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcocktailshaker-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcocktailshaker-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcocktailshaker-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpapercupsleeve { background: repeating-linear-gradient(90deg, var(--o) 0 6px, var(--ol) 6px 12px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; box-shadow: inset 0 3px 0 var(--w), inset 0 -3px 0 var(--w); padding: 3px 14px; }
.us-qlpapercupsleeve-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpapercupsleeve-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpapercupsleeve-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpapercupsleeve-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpapercupsleeve-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbentstraw { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 24px; }
.us-qlbentstraw::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 12px; height: 12px; margin-top: -6px; box-sizing: border-box; border: 3px solid var(--o); border-right-color: transparent; border-bottom-color: transparent; border-radius: 4px 0 0 0; }
.us-qlbentstraw-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbentstraw-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbentstraw-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbentstraw-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbentstraw-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcitrussqueezer { background: radial-gradient(ellipse 60% 100% at 100% 50%, var(--o) 0 30%, transparent 32%), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 22px 1px 14px; }
.us-qlcitrussqueezer-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcitrussqueezer-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcitrussqueezer-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcitrussqueezer-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcitrussqueezer-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfruitskewer { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px; }
.us-qlfruitskewer::before { content: ''; position: absolute; pointer-events: none; left: -6px; right: -6px; top: 50%; height: 2px; margin-top: -1px; background: var(--dk); opacity: 0.35; }
.us-qlfruitskewer::after { content: ''; position: absolute; pointer-events: none; right: 5px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: var(--o); box-shadow: -8px 0 0 var(--c), -16px 0 0 var(--ol); }
.us-qlfruitskewer-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfruitskewer-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfruitskewer-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfruitskewer-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfruitskewer-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicepopdrip { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px 999px 6px 6px; padding: 1px 15px 5px; }
.us-qlicepopdrip::after { content: ''; position: absolute; pointer-events: none; left: 18%; bottom: -4px; width: 4px; height: 6px; border-radius: 50%; background: var(--b); box-shadow: 22px 1px 0 -1px var(--c); }
.us-qlicepopdrip-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlicepopdrip-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicepopdrip-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlicepopdrip-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicepopdrip-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfrozenslushcup { background: radial-gradient(circle at 20% 70%, rgba(255,255,255,0.7) 0 1.5px, transparent 2px), radial-gradient(circle at 60% 50%, rgba(255,255,255,0.7) 0 1.5px, transparent 2px), radial-gradient(circle at 85% 80%, rgba(255,255,255,0.7) 0 1.5px, transparent 2px), linear-gradient(180deg, var(--o), var(--c)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 4px 4px 12px 12px; padding: 1px 14px; }
.us-qlfrozenslushcup-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfrozenslushcup-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfrozenslushcup-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfrozenslushcup-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfrozenslushcup-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsmoothiebowltoppin { background: radial-gradient(circle at 15% 25%, var(--o) 0 2px, transparent 2.6px), radial-gradient(circle at 40% 18%, var(--w) 0 2px, transparent 2.6px), radial-gradient(circle at 66% 24%, var(--ol) 0 2px, transparent 2.6px), radial-gradient(circle at 88% 20%, var(--o) 0 2px, transparent 2.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 4px 999px 999px / 4px 4px 100% 100%; padding: 6px 18px 3px; }
.us-qlsmoothiebowltoppin-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsmoothiebowltoppin-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsmoothiebowltoppin-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsmoothiebowltoppin-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsmoothiebowltoppin-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qljuicebarmenu { background: linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--dk) 75%, var(--b))); color: #ffffff; text-shadow: 0 1px 2px #000000; border: 3px solid var(--o); border-radius: 3px; box-shadow: inset 0 0 0 1px var(--w); padding: 0 13px; }
.us-qljuicebarmenu-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qljuicebarmenu-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qljuicebarmenu-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qljuicebarmenu-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qljuicebarmenu-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltaphandle { background: linear-gradient(180deg, var(--o), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 10px 10px 3px 3px; padding: 4px 14px; }
.us-qltaphandle::after { content: ''; position: absolute; pointer-events: none; left: 50%; bottom: -5px; width: 8px; height: 5px; margin-left: -4px; background: var(--w); border-radius: 0 0 2px 2px; }
.us-qltaphandle-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltaphandle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltaphandle-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltaphandle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltaphandle-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcoasterround { background: radial-gradient(circle at 50% 50%, var(--c) 0 3px, transparent 3.6px) 0 0 / 100% 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 3px double var(--o); border-radius: 999px; padding: 1px 16px; }
.us-qlcoasterround-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcoasterround-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcoasterround-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcoasterround-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcoasterround-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcrownbottlecap { background: radial-gradient(circle at 50% 100%, var(--ol) 0 3px, transparent 3.6px) 0 100% / 8px 5px repeat-x, radial-gradient(circle at 50% 0, var(--ol) 0 3px, transparent 3.6px) 0 0 / 8px 5px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 6px 14px; }
.us-qlcrownbottlecap-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrownbottlecap-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcrownbottlecap-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrownbottlecap-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcrownbottlecap-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfizzletters { background: none; color: var(--c); font-weight: 900; text-shadow: 0 0 4px var(--w), 1px 2px 0 var(--b); border-radius: 0; padding: 0 5px; }
.us-qlfizzletters::after { content: ''; position: absolute; pointer-events: none; right: -2px; top: -3px; width: 3px; height: 3px; border-radius: 50%; background: var(--c); box-shadow: -8px 3px 0 0 var(--ol), -16px -1px 0 -0.5px var(--c); }
.us-qlfizzletters-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfizzletters-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfizzletters-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfizzletters-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfizzletters-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstrawletters { background: none; color: var(--o); font-weight: 900; text-shadow: 1px 1px 0 var(--w), 2px 2px 0 var(--c); letter-spacing: 0.08em; border-radius: 0; padding: 0 5px; }
.us-qlstrawletters-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstrawletters-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstrawletters-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstrawletters-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstrawletters-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicecubetext { background: none; color: color-mix(in srgb, var(--c) 55%, #ffffff); font-weight: 900; text-shadow: 0 0 0 var(--w), 1px 1px 0 var(--b), -1px -1px 0 #ffffff, 0 0 5px var(--c); border-radius: 0; padding: 0 5px; }
.us-qlicecubetext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlicecubetext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicecubetext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlicecubetext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicecubetext-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsoftserveswirl { background: repeating-linear-gradient(-20deg, var(--w) 0 4px, var(--ol) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 8px 8px / 100% 100% 8px 8px; padding: 5px 16px 1px; }
.us-qlsoftserveswirl-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsoftserveswirl-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsoftserveswirl-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsoftserveswirl-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsoftserveswirl-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaffleconegrid { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, var(--o) 0 1px, transparent 1px 6px), repeating-linear-gradient(-45deg, var(--o) 0 1px, transparent 1px 6px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 14px 14px; padding: 1px 14px; }
.us-qlwaffleconegrid-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwaffleconegrid-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwaffleconegrid-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwaffleconegrid-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwaffleconegrid-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsprinkledonut { background: repeating-linear-gradient(60deg, transparent 0 9px, var(--c) 9px 11px, transparent 11px 18px), repeating-linear-gradient(-30deg, transparent 0 13px, var(--b) 13px 15px, transparent 15px 22px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--o); border-radius: 999px; padding: 0 14px; }
.us-qlsprinkledonut-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsprinkledonut-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsprinkledonut-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsprinkledonut-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsprinkledonut-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcupcakeliner { background: repeating-linear-gradient(90deg, var(--o) 0 5px, var(--ol) 5px 10px) 0 100% / 100% 45% no-repeat, linear-gradient(180deg, var(--w), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px / 80% 80% 4px 4px; padding: 3px 16px 6px; }
.us-qlcupcakeliner-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcupcakeliner-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcupcakeliner-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcupcakeliner-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcupcakeliner-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcookiechips { background: radial-gradient(circle at 18% 36%, var(--dk) 0 1.8px, transparent 2.2px), radial-gradient(circle at 46% 70%, var(--dk) 0 1.8px, transparent 2.2px), radial-gradient(circle at 78% 30%, var(--dk) 0 1.8px, transparent 2.2px), radial-gradient(circle at 92% 72%, var(--dk) 0 1.6px, transparent 2px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 1px solid var(--o); border-radius: 999px; padding: 1px 15px; }
.us-qlcookiechips-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcookiechips-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcookiechips-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcookiechips-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcookiechips-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmacaronlayers { background: linear-gradient(180deg, var(--c) 0 38%, var(--w) 38% 62%, var(--c) 62%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 15px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.5); }
.us-qlmacaronlayers-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmacaronlayers-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmacaronlayers-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmacaronlayers-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmacaronlayers-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcandyflosspuff { background: radial-gradient(ellipse 40% 60% at 20% 50%, var(--w), transparent 70%), radial-gradient(ellipse 40% 60% at 80% 50%, var(--ol), transparent 70%), var(--c); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 45% 55% 50% 50% / 60% 60% 55% 55%; padding: 2px 18px; }
.us-qlcandyflosspuff-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcandyflosspuff-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcandyflosspuff-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcandyflosspuff-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcandyflosspuff-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcornkernelrows { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(ellipse 3px 4px at 50% 50%, var(--o) 0 85%, transparent 90%) 0 0 / 7px 8px, var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 15px; }
.us-qlcornkernelrows-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcornkernelrows-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcornkernelrows-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcornkernelrows-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcornkernelrows-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpopcornbucket { background: repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 8px 8px; border-top: 4px solid var(--w); box-shadow: inset 0 2px 0 var(--o); padding: 3px 14px; }
.us-qlpopcornbucket::before { content: ''; position: absolute; pointer-events: none; left: 6px; right: 6px; top: -5px; height: 6px; background: radial-gradient(circle at 50% 100%, var(--w) 0 3.5px, transparent 4px) 0 0 / 9px 6px repeat-x; }
.us-qlpopcornbucket-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpopcornbucket-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpopcornbucket-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpopcornbucket-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpopcornbucket-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfrycarton { background: linear-gradient(180deg, var(--ol) 0 6px, transparent 6px), linear-gradient(90deg, var(--o), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px 2px 8px 8px; padding: 8px 14px 1px; }
.us-qlfrycarton-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfrycarton-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfrycarton-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfrycarton-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfrycarton-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlburgerlayers { background: linear-gradient(180deg, var(--o) 0 66%, var(--dk) 66% 76%, var(--w) 76% 84%, var(--b) 84%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px 999px 8px 8px / 100% 100% 8px 8px; padding: 3px 16px 4px; }
.us-qlburgerlayers-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlburgerlayers-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlburgerlayers-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlburgerlayers-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlburgerlayers-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmustardzigzag { background: linear-gradient(135deg, var(--o) 25%, transparent 25%) -4px 0 / 8px 8px, linear-gradient(225deg, var(--o) 25%, transparent 25%) -4px 0 / 8px 8px, var(--w); background-size: 8px 8px; background-repeat: repeat-x; background-position: 0 50%, 0 50%, 0 0; color: var(--dk); font-weight: 900; border-radius: 999px; padding: 4px 15px; }
.us-qlmustardzigzag-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmustardzigzag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmustardzigzag-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmustardzigzag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmustardzigzag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltacofold { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 4px 16px 1px; }
.us-qltacofold-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltacofold-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltacofold-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltacofold-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltacofold-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltortillachip { background: radial-gradient(circle at 25% 60%, var(--o) 0 1.5px, transparent 2px), radial-gradient(circle at 70% 40%, var(--o) 0 1.5px, transparent 2px), linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 14px 4px 14px; padding: 1px 14px; }
.us-qltortillachip-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltortillachip-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltortillachip-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltortillachip-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltortillachip-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsandwichcut { background: linear-gradient(180deg, var(--w) 0 22%, var(--c) 22% 34%, var(--o) 34% 46%, var(--w) 46%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--ol); padding: 1px 14px; }
.us-qlsandwichcut-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsandwichcut-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsandwichcut-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsandwichcut-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsandwichcut-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpizzaboxlid { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 3px; padding: 1px 14px 1px 26px; }
.us-qlpizzaboxlid::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 13px; height: 13px; margin-top: -6.5px; border-radius: 50%; background: radial-gradient(circle at 35% 40%, var(--b) 0 1.4px, transparent 1.8px), radial-gradient(circle at 65% 62%, var(--b) 0 1.4px, transparent 1.8px), var(--o); }
.us-qlpizzaboxlid-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpizzaboxlid-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpizzaboxlid-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpizzaboxlid-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpizzaboxlid-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpicklechips { background: radial-gradient(circle at 14px 50%, var(--ol) 0 2px, var(--c) 2.6px 5px, transparent 5.6px), radial-gradient(circle at 28px 50%, var(--ol) 0 2px, var(--c) 2.6px 5px, transparent 5.6px), var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; padding: 1px 14px 1px 40px; }
.us-qlpicklechips-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpicklechips-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpicklechips-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpicklechips-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpicklechips-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlorangeslicering { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--w) 0 4deg, var(--o) 4deg 30deg) 0 0 / 28px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlorangeslicering-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlorangeslicering-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlorangeslicering-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlorangeslicering-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlorangeslicering-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpineappleround { background: radial-gradient(circle at 14px 50%, var(--w) 0 3px, var(--o) 3.6px 9px, transparent 9.6px), var(--ol); color: var(--dk); font-weight: 900; border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlpineappleround-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpineappleround-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpineappleround-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpineappleround-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpineappleround-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlberrycluster { background: radial-gradient(circle at 8px 40%, var(--b) 0 3px, transparent 3.6px), radial-gradient(circle at 15px 62%, var(--c) 0 3px, transparent 3.6px), radial-gradient(circle at 20px 36%, var(--b) 0 3px, transparent 3.6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlberrycluster-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlberrycluster-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlberrycluster-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlberrycluster-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlberrycluster-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcherrypair { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 36px; }
.us-qlcherrypair::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 9px; height: 9px; margin-top: -1px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff 0 1px, var(--o) 2px); box-shadow: 11px 0 0 0 var(--o); }
.us-qlcherrypair::after { content: ''; position: absolute; pointer-events: none; left: 9px; top: 2px; width: 12px; height: 8px; box-sizing: border-box; border: 1.5px solid var(--b); border-bottom: 0; border-radius: 8px 8px 0 0; }
.us-qlcherrypair-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcherrypair-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcherrypair-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcherrypair-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcherrypair-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgrapebunch { background: radial-gradient(circle at 8px 30%, var(--b) 0 2.6px, transparent 3.2px), radial-gradient(circle at 14px 30%, var(--c) 0 2.6px, transparent 3.2px), radial-gradient(circle at 11px 60%, var(--b) 0 2.6px, transparent 3.2px), var(--w); color: var(--dk); font-weight: 900; border-radius: 8px; padding: 1px 14px 1px 26px; }
.us-qlgrapebunch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgrapebunch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlgrapebunch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgrapebunch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgrapebunch-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmangoslice { background: linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px 999px 999px 4px; padding: 1px 16px; }
.us-qlmangoslice-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmangoslice-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmangoslice-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmangoslice-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmangoslice-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlkiwislice { background: radial-gradient(circle at 14px 50%, var(--w) 0 2px, var(--ol) 2.6px 7px, var(--c) 7.6px 10px, transparent 10.6px), var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlkiwislice-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlkiwislice-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlkiwislice-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlkiwislice-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlkiwislice-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfruitsaladcup { background: radial-gradient(circle at 20% 20%, var(--o) 0 3px, transparent 3.6px), radial-gradient(circle at 50% 14%, var(--c) 0 3px, transparent 3.6px), radial-gradient(circle at 80% 20%, var(--ol) 0 3px, transparent 3.6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px 4px 12px 12px; padding: 6px 14px 1px; }
.us-qlfruitsaladcup-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfruitsaladcup-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfruitsaladcup-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfruitsaladcup-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfruitsaladcup-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlyogurtparfait { background: linear-gradient(180deg, var(--w) 0 25%, var(--c) 25% 50%, var(--w) 50% 75%, var(--o) 75%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 12px 12px; padding: 1px 14px; }
.us-qlyogurtparfait-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlyogurtparfait-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlyogurtparfait-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlyogurtparfait-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlyogurtparfait-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlgranolabar { background: radial-gradient(circle at 22% 30%, var(--b) 0 1.4px, transparent 1.8px), radial-gradient(circle at 52% 66%, var(--o) 0 1.4px, transparent 1.8px), radial-gradient(circle at 82% 34%, var(--b) 0 1.4px, transparent 1.8px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; box-shadow: inset 0 -3px 0 var(--o); padding: 1px 14px; }
.us-qlgranolabar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlgranolabar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlgranolabar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlgranolabar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgranolabar-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhoneycombcells { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 50%, transparent 0 3px, var(--o) 3.6px 4.6px, transparent 5px) 0 0 / 10px 9px, var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-qlhoneycombcells-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhoneycombcells-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhoneycombcells-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhoneycombcells-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhoneycombcells-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllollywhorl { background: repeating-radial-gradient(circle at 15px 50%, var(--o) 0 2px, var(--w) 2px 4px) 0 0 / 30px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; padding: 1px 14px 1px 36px; border: 1px solid var(--c); }
.us-qllollywhorl-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllollywhorl-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllollywhorl-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllollywhorl-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllollywhorl-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgumdroprow { background: radial-gradient(ellipse 4px 4px at 7px 70%, var(--o) 0 90%, transparent), radial-gradient(ellipse 4px 4px at 18px 70%, var(--c) 0 90%, transparent), radial-gradient(ellipse 4px 4px at 29px 70%, var(--b) 0 90%, transparent), var(--w); color: var(--dk); font-weight: 900; border-radius: 8px; padding: 1px 12px 1px 40px; }
.us-qlgumdroprow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgumdroprow-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlgumdroprow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgumdroprow-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgumdroprow-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qljellybeanpair { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 34px; }
.us-qljellybeanpair::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 9px; height: 6px; margin-top: -4px; border-radius: 50%; transform: rotate(-20deg); background: var(--o); box-shadow: 9px 5px 0 0 var(--c); }
.us-qljellybeanpair-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qljellybeanpair-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qljellybeanpair-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qljellybeanpair-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qljellybeanpair-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlchocolatesquares { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(90deg, rgba(0,0,0,0.16) 0 1.5px, transparent 1.5px) 0 0 / 12px 100%, linear-gradient(180deg, rgba(0,0,0,0.16) 0 1.5px, transparent 1.5px) 0 0 / 100% 10px, var(--dk); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 1px 13px; }
.us-qlchocolatesquares-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlchocolatesquares-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlchocolatesquares-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlchocolatesquares-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlchocolatesquares-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcandywrappertwist { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; margin: 0 8px; padding: 1px 14px; }
.us-qlcandywrappertwist::before { content: ''; position: absolute; pointer-events: none; left: -7px; top: 50%; width: 8px; height: 10px; margin-top: -5px; background: var(--ol); clip-path: polygon(100% 50%, 0 0, 0 100%); }
.us-qlcandywrappertwist::after { content: ''; position: absolute; pointer-events: none; right: -7px; top: 50%; width: 8px; height: 10px; margin-top: -5px; background: var(--ol); clip-path: polygon(0 50%, 100% 0, 100% 100%); }
.us-qlcandywrappertwist-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcandywrappertwist-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcandywrappertwist-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcandywrappertwist-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcandywrappertwist-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcandystripepole { background: repeating-linear-gradient(-45deg, var(--o) 0 5px, var(--w) 5px 10px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 0 0 1px var(--o); padding: 1px 16px; }
.us-qlcandystripepole-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcandystripepole-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcandystripepole-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcandystripepole-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcandystripepole-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlicecreamsandwich { background: linear-gradient(180deg, var(--dk) 0 25%, var(--w) 25% 75%, var(--dk) 75%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 3px 14px; }
.us-qlicecreamsandwich-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlicecreamsandwich-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlicecreamsandwich-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlicecreamsandwich-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlicecreamsandwich-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlfrozenyogurtcup { background: radial-gradient(circle at 50% 0, var(--w) 0 5px, transparent 5.6px) 0 0 / 14px 8px repeat-x, linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px 4px 12px 12px; padding: 7px 14px 1px; }
.us-qlfrozenyogurtcup-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfrozenyogurtcup-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlfrozenyogurtcup-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfrozenyogurtcup-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlfrozenyogurtcup-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsnacktraydivider { background: linear-gradient(90deg, transparent calc(33.3% - 1px), var(--c) calc(33.3% - 1px) calc(33.3% + 1px), transparent 0) 0 0 / 100% 100%, linear-gradient(90deg, transparent calc(66.6% - 1px), var(--c) calc(66.6% - 1px) calc(66.6% + 1px), transparent 0), var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--c); border-radius: 6px; padding: 0 12px; text-align: center; }
.us-qlsnacktraydivider-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsnacktraydivider-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsnacktraydivider-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsnacktraydivider-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsnacktraydivider-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllunchboxlatch { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-qllunchboxlatch::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: -3px; width: 12px; height: 6px; margin-left: -6px; border-radius: 2px; background: var(--o); box-shadow: 0 0 0 1px var(--dk); }
.us-qllunchboxlatch-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllunchboxlatch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllunchboxlatch-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllunchboxlatch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllunchboxlatch-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbentocompartments { background: linear-gradient(var(--c), var(--c)) 33% 0 / 2px 100% no-repeat, linear-gradient(var(--c), var(--c)) 66% 0 / 2px 100% no-repeat, linear-gradient(var(--c), var(--c)) 0 50% / 33% 2px no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 6px; padding: 1px 16px; }
.us-qlbentocompartments-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbentocompartments-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbentocompartments-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbentocompartments-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbentocompartments-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcheesewedgeholes { background: radial-gradient(circle at 16% 40%, rgba(0,0,0,0.18) 0 2.2px, transparent 2.6px), radial-gradient(circle at 48% 68%, rgba(0,0,0,0.18) 0 1.8px, transparent 2.2px), radial-gradient(circle at 80% 36%, rgba(0,0,0,0.18) 0 2.2px, transparent 2.6px), linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 14px 3px 3px; padding: 1px 14px; }
.us-qlcheesewedgeholes-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcheesewedgeholes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcheesewedgeholes-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcheesewedgeholes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcheesewedgeholes-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcrackerdots { background: radial-gradient(circle, var(--b) 0 0.9px, transparent 1.3px) 0 0 / 6px 6px, var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 2px dotted var(--o); border-radius: 3px; padding: 0 13px; }
.us-qlcrackerdots-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrackerdots-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcrackerdots-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrackerdots-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcrackerdots-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgummyletters { background: none; color: var(--c); font-weight: 900; text-shadow: 0 0 0 var(--b), 1px 1px 0 var(--b), 2px 2px 3px color-mix(in srgb, var(--b) 50%, transparent), -1px -1px 0 rgba(255,255,255,0.7); border-radius: 0; padding: 0 5px; }
.us-qlgummyletters-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgummyletters-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlgummyletters-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgummyletters-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgummyletters-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsprinkletext { background: none; color: var(--b); font-weight: 900; text-shadow: 0 1px 0 #ffffff; border-radius: 0; padding: 0 6px; }
.us-qlsprinkletext::after { content: ''; position: absolute; pointer-events: none; left: 4px; right: 4px; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--o) 0 4px, transparent 4px 9px, var(--c) 9px 13px, transparent 13px 18px, var(--ol) 18px 22px, transparent 22px) 0 0 / 28px 100% repeat-x; opacity: 0.9; }
.us-qlsprinkletext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsprinkletext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsprinkletext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsprinkletext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsprinkletext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfrostingdriptext { background: none; color: var(--o); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 1px 2px 0 var(--b); border-radius: 0; padding: 0 5px; }
.us-qlfrostingdriptext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfrostingdriptext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfrostingdriptext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfrostingdriptext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfrostingdriptext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicingpipeedge { background: radial-gradient(circle at 50% 100%, var(--w) 0 4px, transparent 4.6px) 0 100% / 9px 6px repeat-x, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 7px; }
.us-qlicingpipeedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlicingpipeedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlicingpipeedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlicingpipeedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlicingpipeedge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldaypassstub { background: radial-gradient(circle at 0 50%, transparent 0 4px, var(--w) 4.6px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 4px, var(--w) 4.6px) 100% 0 / 51% 100% no-repeat; color: var(--dk); font-weight: 900; border-radius: 2px; box-shadow: inset 0 -3px 0 var(--o); padding: 1px 15px 4px; }
.us-qldaypassstub-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldaypassstub-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldaypassstub-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldaypassstub-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldaypassstub-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlholepunchcard { background: radial-gradient(circle at 10px 50%, var(--c) 0 2.4px, transparent 3px) 0 0 / 14px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px; padding: 1px 14px 1px 18px; }
.us-qlholepunchcard::after { content: ''; position: absolute; pointer-events: none; right: 5px; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%; background: var(--o); box-shadow: -9px 0 0 var(--o), -18px 0 0 var(--o); }
.us-qlholepunchcard-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlholepunchcard-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlholepunchcard-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlholepunchcard-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlholepunchcard-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllanyardclasp { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; margin-top: 7px; padding: 1px 14px; }
.us-qllanyardclasp::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: -9px; width: 14px; height: 9px; margin-left: -7px; border: 2px solid var(--dk); border-radius: 6px 6px 0 0; border-bottom: 0; box-sizing: border-box; }
.us-qllanyardclasp-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllanyardclasp-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllanyardclasp-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllanyardclasp-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllanyardclasp-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhangtagstring { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px 3px 3px 12px; padding: 1px 14px 1px 24px; }
.us-qlhangtagstring::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--o); box-shadow: inset 0 0 0 2px var(--w), 0 0 0 1px var(--dk); }
.us-qlhangtagstring-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlhangtagstring-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhangtagstring-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlhangtagstring-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhangtagstring-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpricestickerburst { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; box-shadow: 0 0 0 3px var(--w), 0 0 0 4px var(--o); margin: 0 5px; padding: 1px 15px; }
.us-qlpricestickerburst-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpricestickerburst-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpricestickerburst-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpricestickerburst-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpricestickerburst-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsalebannercorner { background: linear-gradient(135deg, var(--o) 0 22px, transparent 22px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px; padding: 1px 14px 1px 26px; }
.us-qlsalebannercorner-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsalebannercorner-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlsalebannercorner-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsalebannercorner-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlsalebannercorner-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgiftcardstrip { background: linear-gradient(180deg, transparent calc(50% - 3px), var(--o) calc(50% - 3px) calc(50% + 3px), transparent 0) 0 0 / 100% 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 8px; padding: 1px 16px; }
.us-qlgiftcardstrip-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgiftcardstrip-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlgiftcardstrip-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgiftcardstrip-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlgiftcardstrip-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlloyaltystampsrow { background: radial-gradient(circle at 10px 50%, var(--o) 0 3.5px, transparent 4px) 0 0 / 16px 100% repeat-x, var(--w); color: var(--dk); font-weight: 900; border: 1px dashed var(--c); border-radius: 4px; padding: 6px 14px 1px; }
.us-qlloyaltystampsrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlloyaltystampsrow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlloyaltystampsrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlloyaltystampsrow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlloyaltystampsrow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmembershipchipcard { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px 1px 30px; }
.us-qlmembershipchipcard::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 15px; height: 11px; margin-top: -5.5px; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--ol) 0 3px, var(--o) 3px 4px); }
.us-qlmembershipchipcard-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmembershipchipcard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmembershipchipcard-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmembershipchipcard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmembershipchipcard-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmagneticstripe { background: linear-gradient(180deg, var(--dk) 0 6px, transparent 6px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border-radius: 4px; padding: 8px 14px 1px; }
.us-qlmagneticstripe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmagneticstripe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmagneticstripe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmagneticstripe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmagneticstripe-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlparkingticket { background: linear-gradient(var(--c), var(--c)) 0 0 / 100% 3px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 100% 3px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 0 12px 12px 0; padding: 4px 14px 4px 16px; border-left: 4px dashed var(--o); }
.us-qlparkingticket-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlparkingticket-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlparkingticket-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlparkingticket-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlparkingticket-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlraffletickettear { background: linear-gradient(90deg, var(--o) 0 14px, transparent 14px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-left: 0; border-radius: 3px; padding: 1px 14px 1px 24px; }
.us-qlraffletickettear::before { content: ''; position: absolute; pointer-events: none; left: 14px; top: 2px; bottom: 2px; border-left: 2px dotted var(--dk); }
.us-qlraffletickettear-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlraffletickettear-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlraffletickettear-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlraffletickettear-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlraffletickettear-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlboardingpasscut { background: radial-gradient(circle at 75% 0, transparent 0 4px, var(--w) 4.6px) 0 0 / 100% 51% no-repeat, radial-gradient(circle at 75% 100%, transparent 0 4px, var(--w) 4.6px) 0 100% / 100% 51% no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; box-shadow: inset 0 -3px 0 var(--c); padding: 1px 18px 4px 14px; }
.us-qlboardingpasscut-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlboardingpasscut-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlboardingpasscut-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlboardingpasscut-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlboardingpasscut-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmovieticketnotch { background: radial-gradient(circle at 0 50%, transparent 0 3.5px, var(--o) 4px) 0 0 / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 3.5px, var(--c) 4px) 100% 0 / 51% 100% no-repeat; color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 2px; padding: 1px 15px; }
.us-qlmovieticketnotch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmovieticketnotch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmovieticketnotch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmovieticketnotch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmovieticketnotch-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlconcertwristband { background: repeating-linear-gradient(90deg, var(--o) 0 10px, var(--c) 10px 20px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; box-shadow: inset 0 2px 0 rgba(255,255,255,0.4), inset 0 -2px 0 rgba(0,0,0,0.2); padding: 1px 14px; }
.us-qlconcertwristband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlconcertwristband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlconcertwristband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlconcertwristband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlconcertwristband-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlglowwristband { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; border: 2px solid var(--w); box-shadow: 0 0 6px var(--c), inset 0 0 6px rgba(255,255,255,0.35); padding: 0 14px; }
.us-qlglowwristband-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlglowwristband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlglowwristband-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlglowwristband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlglowwristband-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlidbadgewindow { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 6px; padding: 1px 14px 1px 30px; }
.us-qlidbadgewindow::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 18px; height: 14px; margin-top: -7px; border-radius: 3px; background: radial-gradient(circle at 50% 38%, var(--b) 0 2.4px, transparent 3px), linear-gradient(180deg, var(--ol), var(--c)); }
.us-qlidbadgewindow-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlidbadgewindow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlidbadgewindow-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlidbadgewindow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlidbadgewindow-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvisitorlabel { background: linear-gradient(180deg, var(--b) 0 7px, transparent 7px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--b); border-radius: 3px; padding: 9px 14px 1px; }
.us-qlvisitorlabel-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlvisitorlabel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvisitorlabel-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlvisitorlabel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlvisitorlabel-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlnamestickerhello { background: linear-gradient(180deg, var(--o) 0 8px, transparent 8px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 4px; padding: 10px 14px 1px; }
.us-qlnamestickerhello-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlnamestickerhello-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlnamestickerhello-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlnamestickerhello-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlnamestickerhello-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllibrarycardpocket { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px; padding: 1px 14px 1px 16px; box-shadow: inset 4px 0 0 var(--c); }
.us-qllibrarycardpocket-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllibrarycardpocket-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllibrarycardpocket-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllibrarycardpocket-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllibrarycardpocket-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbustransfer { background: linear-gradient(180deg, transparent calc(100% - 6px), var(--o) calc(100% - 6px) calc(100% - 3px), transparent 0), repeating-linear-gradient(90deg, var(--w) 0 4px, var(--ol) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 14px 6px; }
.us-qlbustransfer-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbustransfer-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbustransfer-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbustransfer-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbustransfer-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltollreceipt { background: radial-gradient(circle at 5px 100%, var(--w) 0 3px, transparent 3.6px) 0 100% / 10px 6px repeat-x, var(--ol); color: var(--dk); font-weight: 900; border-radius: 3px 3px 0 0; padding: 1px 14px 7px; }
.us-qltollreceipt-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltollreceipt-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltollreceipt-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltollreceipt-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltollreceipt-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlluggagelabel { background: linear-gradient(90deg, var(--o) 0 5px, transparent 5px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 14px 3px 3px 14px; padding: 1px 14px 1px 24px; }
.us-qlluggagelabel::before { content: ''; position: absolute; pointer-events: none; left: 8px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1.5px var(--w), 0 0 0 1px var(--b); }
.us-qlluggagelabel-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlluggagelabel-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlluggagelabel-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlluggagelabel-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlluggagelabel-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlkeytagring { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 3px 12px 12px 3px; padding: 1px 14px 1px 28px; }
.us-qlkeytagring::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; box-sizing: border-box; border: 2px solid var(--dk); border-radius: 50%; }
.us-qlkeytagring-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlkeytagring-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlkeytagring-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlkeytagring-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlkeytagring-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlroomkeycard { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 5px; padding: 1px 14px; }
.us-qlroomkeycard::before { content: ''; position: absolute; pointer-events: none; left: 0; right: 0; top: 6px; height: 4px; background: var(--dk); opacity: 0.55; }
.us-qlroomkeycard-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlroomkeycard-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlroomkeycard-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlroomkeycard-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlroomkeycard-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldogtagchain { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 30%, var(--w))); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 12px; box-shadow: inset 0 0 0 1px var(--w); padding: 1px 14px 1px 26px; }
.us-qldogtagchain::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 8px; height: 8px; margin-top: -4px; box-sizing: border-box; border: 2px solid var(--dk); border-radius: 50%; }
.us-qldogtagchain-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldogtagchain-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldogtagchain-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldogtagchain-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldogtagchain-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhouserulescard { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 4px; box-shadow: inset 0 6px 0 var(--o); padding: 9px 14px 1px; }
.us-qlhouserulescard-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhouserulescard-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhouserulescard-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhouserulescard-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhouserulescard-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlswimlessonlevel { background: linear-gradient(90deg, var(--o) 0 20px, transparent 20px), var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-qlswimlessonlevel::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--w); box-shadow: inset 0 0 0 2px var(--dk); }
.us-qlswimlessonlevel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlswimlessonlevel-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlswimlessonlevel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlswimlessonlevel-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlswimlessonlevel-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlprogressstickercha { background: radial-gradient(circle at 10px 50%, var(--o) 0 3px, transparent 3.6px) 0 0 / 14px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px; padding: 1px 14px 1px 18px; }
.us-qlprogressstickercha-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlprogressstickercha-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlprogressstickercha-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlprogressstickercha-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlprogressstickercha-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlreportcardedge { background: linear-gradient(180deg, var(--o) 0 3px, transparent 3px), linear-gradient(90deg, var(--c) 0 3px, transparent 3px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px; padding: 5px 14px 1px 16px; }
.us-qlreportcardedge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlreportcardedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlreportcardedge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlreportcardedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlreportcardedge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbusinesscardstack { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; box-shadow: 2px 2px 0 var(--w), 3px 3px 0 var(--c), 5px 5px 0 var(--w), 6px 6px 0 var(--c); margin: 0 8px 7px 2px; padding: 0 14px; }
.us-qlbusinesscardstack-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbusinesscardstack-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbusinesscardstack-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbusinesscardstack-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbusinesscardstack-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlindexcardlines { background: linear-gradient(180deg, var(--o) 0 2px, transparent 2px) 0 5px / 100% 100% no-repeat, repeating-linear-gradient(180deg, transparent 0 6px, color-mix(in srgb, var(--c) 60%, transparent) 6px 7px), var(--w); color: var(--dk); font-weight: 900; border-radius: 2px; box-shadow: 0 1px 3px color-mix(in srgb, var(--b) 35%, transparent); padding: 1px 14px; }
.us-qlindexcardlines-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlindexcardlines-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlindexcardlines-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlindexcardlines-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlindexcardlines-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlfoldertablabel { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 8px 8px 0 0; border-bottom: 3px solid var(--o); padding: 1px 16px 2px; }
.us-qlfoldertablabel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfoldertablabel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlfoldertablabel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfoldertablabel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlfoldertablabel-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstickynotecorner { background: linear-gradient(135deg, transparent calc(100% - 9px), color-mix(in srgb, var(--dk) 25%, var(--ol)) 0), linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; border-radius: 2px; box-shadow: 1px 2px 3px color-mix(in srgb, var(--dk) 30%, transparent); padding: 1px 14px; }
.us-qlstickynotecorner-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstickynotecorner-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstickynotecorner-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstickynotecorner-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstickynotecorner-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpaperclipcorner { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 14px 1px 14px; margin-top: 3px; }
.us-qlpaperclipcorner::before { content: ''; position: absolute; pointer-events: none; left: 8px; top: -6px; width: 6px; height: 14px; box-sizing: border-box; border: 2px solid var(--b); border-radius: 4px; }
.us-qlpaperclipcorner-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpaperclipcorner-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpaperclipcorner-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpaperclipcorner-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpaperclipcorner-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbinderringholes { background: radial-gradient(circle at 8px 50%, var(--c) 0 3px, transparent 3.6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 14px 1px 20px; }
.us-qlbinderringholes-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbinderringholes-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbinderringholes-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbinderringholes-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbinderringholes-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwaxtagtie { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 14px 1px 24px; }
.us-qlwaxtagtie::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, var(--ol), var(--o) 60%, var(--dk)); }
.us-qlwaxtagtie-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwaxtagtie-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwaxtagtie-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwaxtagtie-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwaxtagtie-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbarcodelabelbar { background: repeating-linear-gradient(90deg, var(--dk) 0 1px, transparent 1px 3px, var(--dk) 3px 5px, transparent 5px 6px) 6px 50% / calc(100% - 12px) 40% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px; padding: 12px 14px 1px; font-size: 0.9em; }
.us-qlbarcodelabelbar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbarcodelabelbar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbarcodelabelbar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbarcodelabelbar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbarcodelabelbar-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlqrcornermarks { background: linear-gradient(var(--dk), var(--dk)) 0 0 / 7px 7px no-repeat, linear-gradient(var(--dk), var(--dk)) 100% 0 / 7px 7px no-repeat, linear-gradient(var(--dk), var(--dk)) 0 100% / 7px 7px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 2px; padding: 1px 14px; }
.us-qlqrcornermarks-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlqrcornermarks-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlqrcornermarks-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlqrcornermarks-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlqrcornermarks-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlserialnumbertext { background: none; color: var(--o); font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 900; letter-spacing: 0.12em; text-shadow: 1px 1px 0 var(--b); border-radius: 0; padding: 0 5px; }
.us-qlserialnumbertext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlserialnumbertext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlserialnumbertext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlserialnumbertext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlserialnumbertext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstampdatetext { background: none; color: var(--b); font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.9em; border: 2px solid var(--b); border-radius: 3px; transform: rotate(-3deg); padding: 0 8px; opacity: 0.9; }
.us-qlstampdatetext-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstampdatetext-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstampdatetext-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstampdatetext-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstampdatetext-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qladmitwristlettext { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.88em; border-radius: 3px; border: 1px dashed var(--w); padding: 1px 14px; box-shadow: 0 0 0 2px var(--o); }
.us-qladmitwristlettext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qladmitwristlettext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qladmitwristlettext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qladmitwristlettext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qladmitwristlettext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlnodivingroundel { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlnodivingroundel::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 18px; height: 18px; margin-top: -9px; box-sizing: border-box; border-radius: 50%; border: 2.5px solid var(--o); background: linear-gradient(135deg, transparent calc(50% - 1.5px), var(--o) calc(50% - 1.5px) calc(50% + 1.5px), transparent 0); }
.us-qlnodivingroundel-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlnodivingroundel-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlnodivingroundel-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlnodivingroundel-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlnodivingroundel-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwalkdonotrun { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 4px; padding: 1px 14px 1px 26px; }
.us-qlwalkdonotrun::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 5px; height: 14px; margin-top: -7px; border-radius: 3px; background: var(--b); box-shadow: 5px 3px 0 -1px var(--c); }
.us-qlwalkdonotrun-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwalkdonotrun-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwalkdonotrun-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwalkdonotrun-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwalkdonotrun-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwetfloorwedge { background: linear-gradient(180deg, var(--o), color-mix(in srgb, var(--o) 70%, var(--dk))); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 6px 6px 2px 2px; padding: 1px 14px; box-shadow: inset 0 3px 0 rgba(255,255,255,0.35); }
.us-qlwetfloorwedge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwetfloorwedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwetfloorwedge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwetfloorwedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwetfloorwedge-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldepthmarkerpost { background: repeating-linear-gradient(180deg, var(--w) 0 4px, var(--c) 4px 8px) 0 0 / 14px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 14px 1px 22px; }
.us-qldepthmarkerpost-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldepthmarkerpost-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldepthmarkerpost-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldepthmarkerpost-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldepthmarkerpost-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlshallowendplate { background: linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; border: 2px solid var(--c); border-radius: 4px; box-shadow: inset 0 -4px 0 var(--ol); padding: 1px 14px 5px; }
.us-qlshallowendplate-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlshallowendplate-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlshallowendplate-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlshallowendplate-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlshallowendplate-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldeependplate { background: linear-gradient(180deg, var(--c) 0 4px, var(--b) 4px); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--dk); border-radius: 4px; padding: 6px 14px 1px; }
.us-qldeependplate-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldeependplate-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldeependplate-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldeependplate-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldeependplate-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlguardondutyflag { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px 8px 8px 2px; padding: 1px 14px 1px 20px; }
.us-qlguardondutyflag::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: -3px; bottom: -6px; width: 3px; background: var(--dk); border-radius: 1px; }
.us-qlguardondutyflag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlguardondutyflag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlguardondutyflag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlguardondutyflag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlguardondutyflag-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbeachclosedflag { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 2px; padding: 1px 14px 1px 20px; box-shadow: 0 0 0 1px var(--dk); }
.us-qlbeachclosedflag::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: -3px; bottom: -6px; width: 3px; background: var(--dk); }
.us-qlbeachclosedflag-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbeachclosedflag-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbeachclosedflag-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbeachclosedflag-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbeachclosedflag-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcheckindesk { background: linear-gradient(180deg, var(--w) 0 60%, var(--c) 60%); color: var(--dk); font-weight: 900; border-radius: 4px 4px 2px 2px; border: 1px solid var(--b); padding: 1px 14px 5px; }
.us-qlcheckindesk-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcheckindesk-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcheckindesk-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcheckindesk-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcheckindesk-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllockerroomarrow { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px 14px 14px 4px; padding: 1px 22px 1px 14px; }
.us-qllockerroomarrow::after { content: ''; position: absolute; pointer-events: none; right: 6px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-top: 2.5px solid #ffffff; border-right: 2.5px solid #ffffff; transform: rotate(45deg); }
.us-qllockerroomarrow-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllockerroomarrow-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllockerroomarrow-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllockerroomarrow-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllockerroomarrow-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrestroomsquare { background: var(--b); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 14px 1px 26px; }
.us-qlrestroomsquare::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 4px; height: 10px; margin-top: -5px; border-radius: 2px; background: #ffffff; box-shadow: 7px 0 0 0 #ffffff; opacity: 0.95; }
.us-qlrestroomsquare-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrestroomsquare-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlrestroomsquare-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrestroomsquare-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrestroomsquare-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlshowerfirstsign { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--c); border-radius: 6px; padding: 1px 14px 1px 28px; }
.us-qlshowerfirstsign::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 10px; height: 10px; margin-top: -6px; border-radius: 10px 10px 2px 2px; background: var(--c); box-shadow: 0 8px 0 -3px var(--c); }
.us-qlshowerfirstsign-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlshowerfirstsign-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlshowerfirstsign-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlshowerfirstsign-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlshowerfirstsign-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltowelsheresign { background: repeating-linear-gradient(180deg, var(--o) 0 3px, var(--w) 3px 6px) 0 0 / 100% 12px no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 13px 14px 1px; }
.us-qltowelsheresign-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltowelsheresign-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltowelsheresign-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltowelsheresign-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltowelsheresign-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlexitdoorsign { background: var(--dk); color: var(--ol); text-shadow: 0 0 6px var(--o); font-weight: 900; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.9em; border: 2px solid var(--o); border-radius: 3px; padding: 1px 12px; }
.us-qlexitdoorsign-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlexitdoorsign-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlexitdoorsign-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlexitdoorsign-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlexitdoorsign-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlemergencyphonestri { background: linear-gradient(180deg, var(--o) 0 5px, var(--w) 5px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px; padding: 7px 14px 1px; }
.us-qlemergencyphonestri-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlemergencyphonestri-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlemergencyphonestri-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlemergencyphonestri-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlemergencyphonestri-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrescuecrosspanel { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 4px; padding: 1px 14px 1px 28px; }
.us-qlrescuecrosspanel::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: linear-gradient(var(--o), var(--o)) 50% 50% / 100% 5px no-repeat, linear-gradient(var(--o), var(--o)) 50% 50% / 5px 100% no-repeat; }
.us-qlrescuecrosspanel-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlrescuecrosspanel-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrescuecrosspanel-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlrescuecrosspanel-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrescuecrosspanel-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlaedheartbox { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 5px; box-shadow: 0 0 0 1px var(--b); padding: 1px 14px 1px 26px; }
.us-qlaedheartbox::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 11px; height: 10px; margin-top: -5px; background: var(--w); clip-path: polygon(50% 100%, 0 40%, 0 15%, 25% 0, 50% 20%, 75% 0, 100% 15%, 100% 40%); }
.us-qlaedheartbox-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlaedheartbox-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlaedheartbox-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlaedheartbox-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlaedheartbox-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcapacityplate { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 25%, var(--w))); color: var(--dk); font-weight: 900; border: 3px solid var(--b); border-radius: 3px; box-shadow: inset 0 0 0 1px var(--o); padding: 0 13px; }
.us-qlcapacityplate-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcapacityplate-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcapacityplate-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcapacityplate-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcapacityplate-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldoorhangerhours { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 3px 3px 3px 3px; padding: 7px 14px 1px; }
.us-qldoorhangerhours::before { content: ''; position: absolute; pointer-events: none; left: 50%; top: 2px; width: 12px; height: 7px; margin-left: -6px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 2px var(--w); }
.us-qldoorhangerhours-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldoorhangerhours-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qldoorhangerhours-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldoorhangerhours-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qldoorhangerhours-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltrailmarkerpost { background: linear-gradient(90deg, var(--o) 0 8px, transparent 8px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 14px 1px 18px; }
.us-qltrailmarkerpost-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltrailmarkerpost-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltrailmarkerpost-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltrailmarkerpost-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltrailmarkerpost-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstreetnameblade { background: var(--b); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--w); border-radius: 4px; box-shadow: 0 0 0 1px var(--b); letter-spacing: 0.06em; padding: 1px 14px; }
.us-qlstreetnameblade-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstreetnameblade-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstreetnameblade-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstreetnameblade-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstreetnameblade-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbusstopflag { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 3px; padding: 1px 14px 1px 26px; }
.us-qlbusstopflag::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; border-radius: 50%; background: var(--b); box-shadow: inset 0 0 0 2px var(--w), inset 0 0 0 4px var(--o); }
.us-qlbusstopflag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbusstopflag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbusstopflag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbusstopflag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbusstopflag-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldirectionfingerpos { background: linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 3px 14px 14px 3px; padding: 1px 20px 1px 14px; }
.us-qldirectionfingerpos-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldirectionfingerpos-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldirectionfingerpos-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldirectionfingerpos-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldirectionfingerpos-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwelcomematstripe { background: repeating-linear-gradient(90deg, var(--o) 0 4px, var(--ol) 4px 8px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; border-top: 3px solid var(--dk); border-bottom: 3px solid var(--dk); padding: 0 14px; }
.us-qlwelcomematstripe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwelcomematstripe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwelcomematstripe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwelcomematstripe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwelcomematstripe-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlchevronwayband { background: repeating-linear-gradient(135deg, var(--o) 0 5px, transparent 5px 12px), repeating-linear-gradient(45deg, var(--o) 0 5px, transparent 5px 12px), var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 14px; }
.us-qlchevronwayband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlchevronwayband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlchevronwayband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlchevronwayband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlchevronwayband-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlparkingbaynumber { background: linear-gradient(90deg, var(--w) 0 2px, transparent 2px calc(100% - 2px), var(--w) calc(100% - 2px)), var(--b); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 2px; padding: 3px 14px; }
.us-qlparkingbaynumber-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlparkingbaynumber-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlparkingbaynumber-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlparkingbaynumber-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlparkingbaynumber-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbikerackloops { background: radial-gradient(ellipse 6px 9px at 8px 100%, transparent 0 55%, var(--dk) 60% 80%, transparent 85%) 0 100% / 16px 12px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 1px 14px 9px; }
.us-qlbikerackloops-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbikerackloops-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbikerackloops-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbikerackloops-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbikerackloops-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlconestripeband { background: linear-gradient(180deg, var(--o) 0 30%, var(--w) 30% 55%, var(--o) 55%); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 1px 14px; }
.us-qlconestripeband-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlconestripeband-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlconestripeband-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlconestripeband-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlconestripeband-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbarriertape { background: repeating-linear-gradient(-45deg, var(--o) 0 7px, var(--dk) 7px 14px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 1px; padding: 1px 14px; box-shadow: 0 0 0 2px var(--w) inset; }
.us-qlbarriertape-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbarriertape-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlbarriertape-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbarriertape-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlbarriertape-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhazardedge { background: repeating-linear-gradient(-45deg, var(--o) 0 5px, var(--dk) 5px 10px) 0 100% / 100% 5px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-radius: 2px; padding: 1px 14px 7px; }
.us-qlhazardedge-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlhazardedge-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhazardedge-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlhazardedge-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhazardedge-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlspeedbumphumps { background: radial-gradient(ellipse 14px 7px at 50% 100%, var(--o) 0 85%, transparent 90%) 0 100% / 28px 8px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 1px 14px 9px; }
.us-qlspeedbumphumps-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlspeedbumphumps-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlspeedbumphumps-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlspeedbumphumps-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlspeedbumphumps-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcrosswalkzebra { background: repeating-linear-gradient(90deg, var(--w) 0 7px, var(--dk) 7px 14px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 3px; padding: 1px 14px; box-shadow: inset 0 0 0 1px var(--dk); }
.us-qlcrosswalkzebra-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrosswalkzebra-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcrosswalkzebra-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrosswalkzebra-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcrosswalkzebra-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlroadedgedash { background: linear-gradient(90deg, var(--o) 0 10px, transparent 10px 16px) 0 100% / 16px 3px repeat-x, var(--dk); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 3px; padding: 1px 14px 6px; }
.us-qlroadedgedash-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlroadedgedash-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlroadedgedash-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlroadedgedash-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlroadedgedash-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbuntingstring { background: conic-gradient(from 90deg at 50% 0, transparent 0 0deg, var(--o) 0 60deg, var(--c) 0 120deg, transparent 0) 0 0 / 14px 8px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 2px; padding: 10px 14px 1px; }
.us-qlbuntingstring-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbuntingstring-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbuntingstring-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbuntingstring-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbuntingstring-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltwintriangleflags { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 28px; }
.us-qltwintriangleflags::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 11px; height: 11px; margin-top: -5.5px; background: var(--o); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.us-qltwintriangleflags::after { content: ''; position: absolute; pointer-events: none; right: 6px; top: 50%; width: 11px; height: 11px; margin-top: -5.5px; background: var(--c); clip-path: polygon(100% 0, 0 50%, 100% 100%); }
.us-qltwintriangleflags-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltwintriangleflags-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltwintriangleflags-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltwintriangleflags-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltwintriangleflags-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwindsockstripes { background: repeating-linear-gradient(90deg, var(--o) 0 8px, var(--w) 8px 16px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 14px 14px 3px; padding: 1px 18px 1px 14px; }
.us-qlwindsockstripes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwindsockstripes-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlwindsockstripes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwindsockstripes-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlwindsockstripes-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhangingbannerpole { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 0 0 8px 8px; margin-top: 5px; padding: 1px 14px; }
.us-qlhangingbannerpole::before { content: ''; position: absolute; pointer-events: none; left: -3px; right: -3px; top: -5px; height: 4px; border-radius: 3px; background: var(--dk); }
.us-qlhangingbannerpole-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhangingbannerpole-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhangingbannerpole-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhangingbannerpole-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhangingbannerpole-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsandwichboard { background: var(--w); color: var(--dk); font-weight: 900; border: 3px solid var(--o); border-radius: 3px; box-shadow: 0 0 0 1px var(--dk); padding: 0 13px; }
.us-qlsandwichboard-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlsandwichboard-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsandwichboard-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlsandwichboard-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsandwichboard-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlchalkboardmenu { background: linear-gradient(180deg, color-mix(in srgb, var(--dk) 88%, #000000), var(--dk)); color: var(--w); text-shadow: 0 0 2px var(--c); border: 3px solid var(--o); border-radius: 3px; padding: 0 13px; }
.us-qlchalkboardmenu-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlchalkboardmenu-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlchalkboardmenu-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlchalkboardmenu-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlchalkboardmenu-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfrostwindowdecal { background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.8) 0 1px, transparent 1.6px), radial-gradient(circle at 70% 70%, rgba(255,255,255,0.8) 0 1px, transparent 1.6px), color-mix(in srgb, var(--w) 75%, transparent); color: var(--dk); font-weight: 900; border: 1px solid #ffffff; border-radius: 6px; box-shadow: 0 0 0 1px var(--c), 0 2px 6px color-mix(in srgb, var(--b) 30%, transparent); padding: 1px 14px; }
.us-qlfrostwindowdecal-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfrostwindowdecal-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfrostwindowdecal-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfrostwindowdecal-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfrostwindowdecal-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlopenneonsign { background: color-mix(in srgb, var(--dk) 92%, #000000); color: var(--ol); text-shadow: 0 0 3px var(--o), 0 0 9px var(--o); font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; border: 2px solid var(--o); border-radius: 999px; box-shadow: 0 0 6px var(--o), inset 0 0 6px var(--o); padding: 1px 15px; }
.us-qlopenneonsign-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlopenneonsign-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlopenneonsign-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlopenneonsign-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlopenneonsign-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllightboxpanel { background: linear-gradient(180deg, #ffffff, var(--w)); color: var(--dk); font-weight: 900; border: 3px solid var(--dk); border-radius: 3px; box-shadow: inset 0 0 8px var(--ol); padding: 0 13px; }
.us-qllightboxpanel-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllightboxpanel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllightboxpanel-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllightboxpanel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllightboxpanel-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbillboardframe { background: var(--w); color: var(--dk); font-weight: 900; border: 3px solid var(--dk); border-radius: 2px; box-shadow: 0 -4px 0 -1px var(--b), 0 4px 0 -1px var(--b); margin: 4px 2px; padding: 0 13px; }
.us-qlbillboardframe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbillboardframe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbillboardframe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbillboardframe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbillboardframe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstreetlampglow { background: radial-gradient(ellipse 70% 120% at 50% 0, var(--ol), transparent 70%), var(--dk); color: var(--w); text-shadow: 0 0 5px var(--o); border-radius: 6px; padding: 1px 14px; }
.us-qlstreetlampglow-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstreetlampglow-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlstreetlampglow-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstreetlampglow-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlstreetlampglow-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstencilsignletters { background: none; color: var(--b); font-family: 'Arial Black', Impact, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.9em; text-shadow: 1px 1px 0 var(--ol); border-radius: 0; padding: 0 5px; }
.us-qlstencilsignletters-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstencilsignletters-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstencilsignletters-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstencilsignletters-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstencilsignletters-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmarqueeletters { background: none; color: var(--o); font-weight: 900; letter-spacing: 0.08em; text-shadow: 0 0 2px #ffffff, 0 0 6px var(--ol), 2px 2px 0 var(--b); border-radius: 0; padding: 0 5px; }
.us-qlmarqueeletters-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmarqueeletters-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmarqueeletters-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmarqueeletters-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmarqueeletters-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmemphistriangles { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(135deg, var(--o) 25%, transparent 25%) 0 0 / 14px 14px, linear-gradient(225deg, var(--c) 25%, transparent 25%) 0 0 / 14px 14px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlmemphistriangles-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmemphistriangles-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmemphistriangles-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmemphistriangles-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmemphistriangles-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlconfettiprint { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 20% 30%, var(--o) 0 1.8px, transparent 2.2px) 0 0 / 22px 18px, radial-gradient(circle at 70% 70%, var(--c) 0 1.8px, transparent 2.2px) 0 0 / 22px 18px, radial-gradient(circle at 45% 60%, var(--b) 0 1.4px, transparent 1.8px) 0 0 / 22px 18px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px; padding: 1px 13px; }
.us-qlconfettiprint-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlconfettiprint-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlconfettiprint-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlconfettiprint-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlconfettiprint-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwavystripeprint { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 0, transparent 0 4px, var(--c) 4.6px 6px, transparent 6.6px) 0 0 / 16px 8px, radial-gradient(circle at 50% 100%, transparent 0 4px, var(--o) 4.6px 6px, transparent 6.6px) 8px 4px / 16px 8px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 14px; }
.us-qlwavystripeprint-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlwavystripeprint-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwavystripeprint-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlwavystripeprint-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwavystripeprint-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlscallopprint { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 50% 100%, transparent 0 5px, var(--c) 5.6px 7px, transparent 7.6px) 0 0 / 16px 9px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlscallopprint-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlscallopprint-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlscallopprint-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlscallopprint-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlscallopprint-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhoundstoothpool { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(from 45deg at 50% 50%, var(--b) 0 25%, var(--w) 0 50%, var(--b) 0 75%, var(--w) 0) 0 0 / 8px 8px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 13px; }
.us-qlhoundstoothpool-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhoundstoothpool-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhoundstoothpool-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhoundstoothpool-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhoundstoothpool-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpooltartan { background: linear-gradient(90deg, color-mix(in srgb, var(--c) 45%, transparent) 0 6px, transparent 6px 16px) 0 0 / 16px 100%, linear-gradient(180deg, color-mix(in srgb, var(--o) 45%, transparent) 0 4px, transparent 4px 10px) 0 0 / 100% 10px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; border: 1px solid var(--c); padding: 0 13px; }
.us-qlpooltartan-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpooltartan-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpooltartan-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpooltartan-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpooltartan-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpinstripesuit { background: repeating-linear-gradient(90deg, transparent 0 6px, color-mix(in srgb, var(--w) 40%, transparent) 6px 7px), linear-gradient(180deg, var(--b), var(--dk)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 13px; }
.us-qlpinstripesuit-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpinstripesuit-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpinstripesuit-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpinstripesuit-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpinstripesuit-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcandycheck { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), conic-gradient(var(--o) 25%, var(--w) 0 50%, var(--o) 0 75%, var(--w) 0) 0 0 / 12px 12px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; padding: 1px 13px; }
.us-qlcandycheck-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcandycheck-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcandycheck-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcandycheck-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcandycheck-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhibiscusspot { background: radial-gradient(circle at 14px 50%, var(--w) 0 2px, var(--o) 2.6px 6px, transparent 6.6px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlhibiscusspot-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhibiscusspot-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlhibiscusspot-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhibiscusspot-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlhibiscusspot-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpalmshadowstripes { background: repeating-linear-gradient(115deg, transparent 0 8px, color-mix(in srgb, var(--b) 30%, transparent) 8px 11px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 4px; padding: 1px 13px; }
.us-qlpalmshadowstripes-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpalmshadowstripes-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpalmshadowstripes-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpalmshadowstripes-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpalmshadowstripes-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltikiband { background: linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--dk) 45%, transparent) 4% 96%, transparent), repeating-linear-gradient(90deg, var(--dk) 0 6px, var(--o) 6px 8px, var(--dk) 8px 14px, var(--w) 14px 16px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 2px; padding: 1px 13px; }
.us-qltikiband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltikiband-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qltikiband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltikiband-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qltikiband-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmidcenturystarburs { background: repeating-conic-gradient(from 0deg at 14px 50%, var(--o) 0 15deg, transparent 15deg 30deg) 0 0 / 28px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px; padding: 1px 14px 1px 30px; }
.us-qlmidcenturystarburs-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmidcenturystarburs-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmidcenturystarburs-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmidcenturystarburs-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmidcenturystarburs-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlatomicorbit { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlatomicorbit::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 18px; height: 10px; margin-top: -5px; box-sizing: border-box; border: 1.5px solid var(--c); border-radius: 50%; box-shadow: 0 0 0 0 var(--o); background: radial-gradient(circle, var(--o) 0 1.8px, transparent 2.4px); }
.us-qlatomicorbit::after { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 18px; height: 10px; margin-top: -5px; box-sizing: border-box; border: 1.5px solid var(--b); border-radius: 50%; transform: rotate(60deg); }
.us-qlatomicorbit-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlatomicorbit-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlatomicorbit-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlatomicorbit-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlatomicorbit-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlspaceagedots { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 25% 50%, var(--o) 0 2.6px, transparent 3px) 0 0 / 18px 100%, radial-gradient(circle at 75% 50%, var(--c) 0 2.6px, transparent 3px) 0 0 / 18px 100%, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 15px; }
.us-qlspaceagedots-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlspaceagedots-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlspaceagedots-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlspaceagedots-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlspaceagedots-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmodsquares { background: linear-gradient(var(--o), var(--o)) 0 0 / 8px 8px no-repeat, linear-gradient(var(--c), var(--c)) 8px 8px / 8px 8px no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--b); border-radius: 0; padding: 1px 14px 1px 24px; }
.us-qlmodsquares-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmodsquares-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmodsquares-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmodsquares-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmodsquares-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlopringtarget { background: repeating-radial-gradient(circle at 15px 50%, var(--dk) 0 2px, var(--w) 2px 4px) 0 0 / 30px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--dk); border-radius: 4px; padding: 1px 14px 1px 36px; }
.us-qlopringtarget-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlopringtarget-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlopringtarget-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlopringtarget-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlopringtarget-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgroovywaves { background: repeating-radial-gradient(circle at 50% 160%, var(--o) 0 5px, var(--w) 5px 10px, var(--c) 10px 15px, var(--w) 15px 20px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 1px 15px; box-shadow: inset 0 0 0 4px rgba(255,255,255,0.75); }
.us-qlgroovywaves-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgroovywaves-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlgroovywaves-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgroovywaves-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlgroovywaves-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrainbowarch { background: radial-gradient(circle at 15px 100%, transparent 0 4px, var(--o) 4.6px 7px, var(--w) 7.6px 9px, var(--c) 9.6px 12px, transparent 12.6px) 0 0 / 30px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 4px; padding: 1px 14px 1px 36px; }
.us-qlrainbowarch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlrainbowarch-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrainbowarch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlrainbowarch-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrainbowarch-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrecordgrooves { background: repeating-radial-gradient(circle at 15px 50%, var(--dk) 0 1.4px, color-mix(in srgb, var(--dk) 70%, var(--b)) 1.4px 3px) 0 0 / 30px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--dk); border-radius: 999px; padding: 1px 14px 1px 36px; }
.us-qlrecordgrooves-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrecordgrooves-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlrecordgrooves-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrecordgrooves-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrecordgrooves-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrecordsleeve { background: linear-gradient(90deg, var(--o) 0 5px, transparent 5px), var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 2px; box-shadow: 3px 0 0 -1px var(--dk); padding: 1px 14px 1px 18px; }
.us-qlrecordsleeve-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlrecordsleeve-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrecordsleeve-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlrecordsleeve-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrecordsleeve-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcassettelabel { background: linear-gradient(180deg, var(--w) 0 55%, transparent 55%), repeating-linear-gradient(180deg, transparent 0 55%), var(--o); color: var(--dk); font-weight: 900; border: 2px solid var(--dk); border-radius: 4px; padding: 1px 14px 5px; }
.us-qlcassettelabel-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcassettelabel-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcassettelabel-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcassettelabel-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcassettelabel-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlvhsstripe { background: linear-gradient(180deg, var(--dk) 0 30%, var(--c) 30% 45%, var(--o) 45% 60%, var(--dk) 60%); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 3px; padding: 1px 14px; }
.us-qlvhsstripe-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlvhsstripe-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlvhsstripe-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlvhsstripe-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlvhsstripe-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlinstantphotoframe { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px; box-shadow: 0 2px 6px color-mix(in srgb, var(--b) 35%, transparent), inset 0 7px 0 var(--ol); padding: 9px 14px 1px; }
.us-qlinstantphotoframe-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlinstantphotoframe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlinstantphotoframe-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlinstantphotoframe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlinstantphotoframe-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfilmstripborder { background: radial-gradient(circle at 5px 50%, var(--w) 0 1.8px, transparent 2.4px) 0 0 / 10px 100% repeat-y, var(--dk); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 2px; padding: 1px 16px; }
.us-qlfilmstripborder-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlfilmstripborder-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfilmstripborder-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlfilmstripborder-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfilmstripborder-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldriveinmarquee { background: radial-gradient(circle at 5px 0, var(--o) 0 2px, transparent 2.6px) 0 0 / 14px 100% repeat-x, radial-gradient(circle at 5px 100%, var(--o) 0 2px, transparent 2.6px) 0 0 / 14px 100% repeat-x, var(--dk); color: var(--ol); text-shadow: 0 0 6px var(--o); border-radius: 3px; padding: 4px 14px; }
.us-qldriveinmarquee-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldriveinmarquee-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qldriveinmarquee-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldriveinmarquee-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qldriveinmarquee-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlneonpalm { background: color-mix(in srgb, var(--dk) 92%, #000000); color: var(--w); text-shadow: 0 0 3px var(--c), 0 0 8px var(--c); border: 2px solid var(--c); border-radius: 6px; box-shadow: 0 0 6px var(--c), inset 0 0 6px var(--c); padding: 1px 14px; }
.us-qlneonpalm-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlneonpalm-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlneonpalm-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlneonpalm-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlneonpalm-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsynthgridhorizon { background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--o) 40%, transparent) 50%), repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 1px, transparent 1px 10px) 0 100% / 100% 50% no-repeat, repeating-linear-gradient(180deg, rgba(255,255,255,0.35) 0 1px, transparent 1px 6px) 0 100% / 100% 50% no-repeat, linear-gradient(180deg, var(--dk), var(--b)); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 6px; padding: 1px 14px; }
.us-qlsynthgridhorizon-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsynthgridhorizon-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlsynthgridhorizon-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsynthgridhorizon-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlsynthgridhorizon-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlglossyorbpill { background: radial-gradient(ellipse 80% 40% at 50% 0, rgba(255,255,255,0.7), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: inset 0 -3px 4px color-mix(in srgb, var(--dk) 40%, transparent), 0 1px 3px rgba(0,0,0,0.25); padding: 1px 16px; }
.us-qlglossyorbpill-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlglossyorbpill-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlglossyorbpill-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlglossyorbpill-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlglossyorbpill-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qleightbitwater { background: repeating-linear-gradient(90deg, var(--c) 0 4px, var(--b) 4px 8px) 0 0 / 100% 50% no-repeat, repeating-linear-gradient(90deg, var(--b) 0 4px, var(--c) 4px 8px) 0 100% / 100% 50% no-repeat, var(--b); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 0; padding: 1px 12px; }
.us-qleightbitwater-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qleightbitwater-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qleightbitwater-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qleightbitwater-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qleightbitwater-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcrossstitchborder { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, transparent 0 3px, var(--o) 3px 4px, transparent 4px 7px) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(-45deg, transparent 0 3px, var(--o) 3px 4px, transparent 4px 7px) 0 0 / 100% 6px no-repeat, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 7px 13px 1px; }
.us-qlcrossstitchborder-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrossstitchborder-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlcrossstitchborder-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrossstitchborder-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlcrossstitchborder-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrunningstitch { background: var(--w); color: var(--dk); font-weight: 900; border: 2px dashed var(--o); border-radius: 6px; box-shadow: 0 0 0 3px var(--w), 0 0 0 4px var(--c); margin: 0 5px; padding: 0 12px; }
.us-qlrunningstitch-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrunningstitch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlrunningstitch-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrunningstitch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlrunningstitch-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmacramefringe { background: repeating-linear-gradient(90deg, var(--ol) 0 3px, var(--w) 3px 5px) 0 100% / 100% 7px no-repeat, var(--w); color: var(--dk); font-weight: 900; border-top: 3px solid var(--o); border-radius: 3px; padding: 1px 14px 9px; }
.us-qlmacramefringe-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmacramefringe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmacramefringe-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmacramefringe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmacramefringe-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlknitrib { background: repeating-linear-gradient(90deg, var(--c) 0 3px, color-mix(in srgb, var(--b) 40%, var(--c)) 3px 6px); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 6px; padding: 1px 14px; }
.us-qlknitrib-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlknitrib-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlknitrib-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlknitrib-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlknitrib-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlquilteddiamonds { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), repeating-linear-gradient(45deg, transparent 0 8px, rgba(0,0,0,0.12) 8px 9px), repeating-linear-gradient(-45deg, transparent 0 8px, rgba(0,0,0,0.12) 8px 9px), linear-gradient(180deg, var(--c), var(--b)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 8px; padding: 1px 14px; }
.us-qlquilteddiamonds-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlquilteddiamonds-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlquilteddiamonds-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlquilteddiamonds-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlquilteddiamonds-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldenimstitch { background: linear-gradient(180deg, color-mix(in srgb, var(--b) 85%, #ffffff), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; box-shadow: inset 0 0 0 2px var(--b), inset 0 0 0 3px color-mix(in srgb, var(--o) 90%, transparent); padding: 1px 15px; }
.us-qldenimstitch-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qldenimstitch-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldenimstitch-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qldenimstitch-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldenimstitch-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlflannelplaid { background: linear-gradient(90deg, color-mix(in srgb, var(--dk) 30%, transparent) 0 5px, transparent 5px 14px) 0 0 / 14px 100%, linear-gradient(180deg, color-mix(in srgb, var(--dk) 30%, transparent) 0 5px, transparent 5px 12px) 0 0 / 100% 12px, var(--c); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 4px; padding: 0 13px; }
.us-qlflannelplaid-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlflannelplaid-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlflannelplaid-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlflannelplaid-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlflannelplaid-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllinenweave { background: repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, rgba(0,0,0,0.05) 0 1px, transparent 1px 3px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--ol); border-radius: 3px; padding: 1px 14px; }
.us-qllinenweave-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllinenweave-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllinenweave-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllinenweave-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllinenweave-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlburlapsack { background: repeating-linear-gradient(45deg, rgba(0,0,0,0.1) 0 1px, transparent 1px 3px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.1) 0 1px, transparent 1px 3px), var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; border-top: 3px dashed var(--o); padding: 1px 14px; }
.us-qlburlapsack-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlburlapsack-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlburlapsack-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlburlapsack-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlburlapsack-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaperdoilylace { background: radial-gradient(circle at 50% 100%, transparent 0 3px, var(--c) 3.6px 4.6px, transparent 5px) 0 100% / 10px 8px repeat-x, radial-gradient(circle at 50% 0, transparent 0 3px, var(--c) 3.6px 4.6px, transparent 5px) 0 0 / 10px 8px repeat-x, var(--w); color: var(--dk); font-weight: 900; border-radius: 3px; padding: 8px 14px; }
.us-qlpaperdoilylace-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpaperdoilylace-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpaperdoilylace-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpaperdoilylace-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpaperdoilylace-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwallpaperdots { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), radial-gradient(circle at 25% 25%, var(--c) 0 1.6px, transparent 2px) 0 0 / 12px 12px, radial-gradient(circle at 75% 75%, var(--o) 0 1.6px, transparent 2px) 0 0 / 12px 12px, var(--w); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 5px; padding: 1px 13px; }
.us-qlwallpaperdots-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwallpaperdots-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlwallpaperdots-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwallpaperdots-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlwallpaperdots-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbandanadots { background: radial-gradient(circle, rgba(255,255,255,0.7) 0 1.4px, transparent 1.8px) 0 0 / 8px 8px, var(--c); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 2px solid var(--w); border-radius: 3px; box-shadow: 0 0 0 1px var(--b); padding: 0 13px; }
.us-qlbandanadots-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlbandanadots-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlbandanadots-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlbandanadots-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlbandanadots-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbatikwaves { background: radial-gradient(circle at 50% 100%, transparent 0 3px, rgba(255,255,255,0.45) 3.6px 4.6px, transparent 5px) 0 0 / 10px 8px, radial-gradient(circle at 50% 100%, transparent 0 7px, rgba(255,255,255,0.3) 7.6px 8.4px, transparent 9px) 0 0 / 20px 12px, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; padding: 1px 14px; }
.us-qlbatikwaves-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlbatikwaves-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlbatikwaves-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlbatikwaves-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlbatikwaves-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltiedyerings { background: repeating-radial-gradient(circle at 15px 50%, var(--o) 0 3px, var(--w) 3px 6px, var(--c) 6px 9px, var(--w) 9px 12px) 0 0 / 30px 100% no-repeat, var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 36px; }
.us-qltiedyerings-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qltiedyerings-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qltiedyerings-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qltiedyerings-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qltiedyerings-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldipdyeombre { background: linear-gradient(180deg, var(--w) 0 50%, var(--c) 100%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 6px 6px 14px 14px; padding: 1px 14px 3px; }
.us-qldipdyeombre-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldipdyeombre-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldipdyeombre-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldipdyeombre-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldipdyeombre-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlikatblurstripes { background: repeating-linear-gradient(90deg, var(--w) 0 8px, color-mix(in srgb, var(--c) 70%, var(--w)) 8px 12px, var(--b) 12px 14px, color-mix(in srgb, var(--c) 70%, var(--w)) 14px 18px); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 14px; }
.us-qlikatblurstripes-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlikatblurstripes-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlikatblurstripes-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlikatblurstripes-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlikatblurstripes-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlkilimdiamonds { background: conic-gradient(from 45deg at 50% 50%, var(--o) 0 25%, var(--w) 0 50%, var(--b) 0 75%, var(--w) 0) 0 0 / 14px 14px; color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--w); border-radius: 0; box-shadow: 0 0 0 1px var(--b); padding: 0 12px; }
.us-qlkilimdiamonds-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlkilimdiamonds-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlkilimdiamonds-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlkilimdiamonds-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlkilimdiamonds-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmudclothmarks { background: linear-gradient(90deg, transparent 4%, rgba(255,255,255,0.6) 4% 96%, transparent), linear-gradient(135deg, transparent 0 40%, var(--dk) 40% 50%, transparent 50%) 0 0 / 12px 12px, var(--ol); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px; padding: 1px 14px; }
.us-qlmudclothmarks-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmudclothmarks-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmudclothmarks-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmudclothmarks-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmudclothmarks-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlretroscripttext { background: none; color: var(--o); font-family: 'Snell Roundhand', 'Segoe Script', 'Brush Script MT', cursive; font-weight: 900; text-shadow: 2px 2px 0 var(--b), 3px 3px 0 var(--dk); border-radius: 0; padding: 0 6px 0 3px; }
.us-qlretroscripttext-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlretroscripttext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlretroscripttext-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlretroscripttext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlretroscripttext-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlgoogieletters { background: none; color: var(--c); font-weight: 900; font-style: italic; letter-spacing: 0.04em; text-shadow: 1px 1px 0 #ffffff, 2px 2px 0 var(--o), 3px 3px 0 var(--b); border-radius: 0; padding: 0 6px 0 3px; }
.us-qlgoogieletters-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlgoogieletters-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlgoogieletters-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlgoogieletters-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlgoogieletters-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvinyldecaltext { background: none; color: #ffffff; font-weight: 900; text-shadow: 0 0 0 var(--b), 1px 1px 0 var(--b), -1px -1px 0 var(--b), 1px -1px 0 var(--b), -1px 1px 0 var(--b), 2px 2px 0 var(--dk); border-radius: 0; padding: 0 5px; }
.us-qlvinyldecaltext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlvinyldecaltext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvinyldecaltext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlvinyldecaltext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlvinyldecaltext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpennantscripttext { background: none; color: var(--b); font-weight: 900; font-style: italic; text-shadow: 1px 1px 0 var(--ol), 2px 2px 0 var(--o); letter-spacing: 0.03em; border-radius: 0; padding: 0 5px; }
.us-qlpennantscripttext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlpennantscripttext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlpennantscripttext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlpennantscripttext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlpennantscripttext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlgoldstarseal { background: radial-gradient(circle at 14px 50%, var(--w) 0 2px, var(--o) 2.6px 9px, transparent 9.6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 32px; }
.us-qlgoldstarseal-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlgoldstarseal-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlgoldstarseal-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlgoldstarseal-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlgoldstarseal-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrosetteribbon { background: radial-gradient(circle at 14px 50%, var(--w) 0 3px, var(--o) 3.6px 7px, var(--w) 7.6px 8.6px, var(--c) 9.2px 11px, transparent 11.6px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 34px; }
.us-qlrosetteribbon-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrosetteribbon-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrosetteribbon-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrosetteribbon-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrosetteribbon-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlparticipationribbo { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 1px 14px 1px 14px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0.4); }
.us-qlparticipationribbo::after { content: ''; position: absolute; pointer-events: none; right: 5px; bottom: -6px; width: 6px; height: 7px; background: var(--b); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%); box-shadow: -9px 0 0 0 var(--c); }
.us-qlparticipationribbo-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlparticipationribbo-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlparticipationribbo-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlparticipationribbo-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlparticipationribbo-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfirstplaceband { background: linear-gradient(180deg, var(--o) 0 4px, var(--w) 4px 6px, transparent 6px), var(--c); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; padding: 7px 14px 1px; }
.us-qlfirstplaceband-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfirstplaceband-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlfirstplaceband-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfirstplaceband-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlfirstplaceband-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmedalribbonv { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlmedalribbonv::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 9px; height: 16px; margin-top: -8px; background: linear-gradient(90deg, var(--o) 0 50%, var(--c) 50%); clip-path: polygon(0 0, 100% 0, 100% 55%, 50% 70%, 0 55%); }
.us-qlmedalribbonv::after { content: ''; position: absolute; pointer-events: none; left: 8px; top: 50%; width: 11px; height: 11px; margin-top: 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff, var(--ol) 40%, var(--o)); }
.us-qlmedalribbonv-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmedalribbonv-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlmedalribbonv-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmedalribbonv-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlmedalribbonv-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllaurelsides { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 28px; }
.us-qllaurelsides::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 8px; height: 14px; margin-top: -7px; box-sizing: border-box; border: 2px solid var(--c); border-right: 0; border-radius: 8px 0 0 8px; }
.us-qllaurelsides::after { content: ''; position: absolute; pointer-events: none; right: 7px; top: 50%; width: 8px; height: 14px; margin-top: -7px; box-sizing: border-box; border: 2px solid var(--c); border-left: 0; border-radius: 0 8px 8px 0; }
.us-qllaurelsides-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qllaurelsides-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllaurelsides-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qllaurelsides-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllaurelsides-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlshieldcrest { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px 3px 14px 14px / 3px 3px 18px 18px; border: 2px solid var(--w); box-shadow: 0 0 0 1px var(--b); padding: 1px 15px 4px; }
.us-qlshieldcrest-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlshieldcrest-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlshieldcrest-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlshieldcrest-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlshieldcrest-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrankchevrons { background: repeating-linear-gradient(135deg, transparent 0 6px, var(--o) 6px 9px) 0 0 / 22px 100% no-repeat, linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 14px 1px 30px; }
.us-qlrankchevrons-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrankchevrons-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlrankchevrons-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrankchevrons-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlrankchevrons-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmeritbadgestar { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 999px; padding: 1px 14px 1px 30px; }
.us-qlmeritbadgestar::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: var(--o); clip-path: polygon(50% 0, 62% 36%, 100% 38%, 70% 60%, 80% 100%, 50% 76%, 20% 100%, 30% 60%, 0 38%, 38% 36%); }
.us-qlmeritbadgestar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlmeritbadgestar-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmeritbadgestar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlmeritbadgestar-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmeritbadgestar-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsashdiagonal { background: linear-gradient(115deg, transparent 0 30%, var(--o) 30% 70%, transparent 70%), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 16px; }
.us-qlsashdiagonal-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlsashdiagonal-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlsashdiagonal-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlsashdiagonal-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlsashdiagonal-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvarsitypatch { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 3px solid var(--w); border-radius: 8px; box-shadow: 0 0 0 2px var(--b); font-family: Impact, 'Arial Black', sans-serif; font-weight: 400; letter-spacing: 0.06em; padding: 0 13px; }
.us-qlvarsitypatch-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlvarsitypatch-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlvarsitypatch-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlvarsitypatch-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlvarsitypatch-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlembroideredoval { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 50% / 70%; box-shadow: inset 0 0 0 2px var(--w), inset 0 0 0 3px transparent, 0 0 0 1px var(--o); border: 2px dashed var(--w); padding: 0 16px; }
.us-qlembroideredoval-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlembroideredoval-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlembroideredoval-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlembroideredoval-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlembroideredoval-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlirononpatch { background: var(--o); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border: 2px dashed var(--w); border-radius: 6px; box-shadow: 0 0 0 2px var(--o); margin: 0 4px; padding: 0 13px; }
.us-qlirononpatch-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlirononpatch-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlirononpatch-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlirononpatch-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlirononpatch-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlscallopseal { background: radial-gradient(ellipse 75% 100% at 50% 50%, var(--w) 0 62%, transparent 63%), repeating-conic-gradient(from 0deg at 50% 50%, var(--o) 0 15deg, var(--ol) 15deg 30deg); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; padding: 4px 18px; }
.us-qlscallopseal-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlscallopseal-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlscallopseal-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlscallopseal-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlscallopseal-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstarburststicker { background: repeating-conic-gradient(from 0deg at 50% 50%, var(--o) 0 10deg, var(--c) 10deg 20deg); color: #ffffff; text-shadow: 0 1px 2px var(--dk), 0 0 3px var(--dk); border-radius: 999px; box-shadow: inset 0 0 0 3px #ffffff; padding: 2px 18px; }
.us-qlstarburststicker-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlstarburststicker-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlstarburststicker-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlstarburststicker-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlstarburststicker-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlnotarysealring { background: var(--w); color: var(--dk); font-weight: 900; border-radius: 999px; box-shadow: inset 0 0 0 2px var(--o), inset 0 0 0 4px var(--w), inset 0 0 0 5px var(--o); padding: 4px 18px; }
.us-qlnotarysealring-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlnotarysealring-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlnotarysealring-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlnotarysealring-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlnotarysealring-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpostmarkcircle { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--dk); border-radius: 999px; padding: 1px 14px 1px 14px; }
.us-qlpostmarkcircle::after { content: ''; position: absolute; pointer-events: none; right: -22px; top: 50%; width: 22px; height: 12px; margin-top: -6px; background: repeating-linear-gradient(180deg, var(--dk) 0 2px, transparent 2px 4px); }
.us-qlpostmarkcircle-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpostmarkcircle-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpostmarkcircle-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpostmarkcircle-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpostmarkcircle-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlairmailframe { background: var(--w); color: var(--dk); font-weight: 900; border: 4px solid transparent; border-image: repeating-linear-gradient(45deg, var(--o) 0 6px, var(--w) 6px 12px, var(--c) 12px 18px, var(--w) 18px 24px) 4; border-radius: 0; padding: 0 10px; }
.us-qlairmailframe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlairmailframe-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlairmailframe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlairmailframe-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlairmailframe-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpostageperforation { background: var(--w); color: var(--dk); font-weight: 900; border-radius: 0; padding: 4px 14px; -webkit-mask: radial-gradient(circle, transparent 1.6px, #000000 2px) -3px -3px / 6px 6px, linear-gradient(#000000, #000000) 50% 50% / calc(100% - 6px) calc(100% - 6px) no-repeat; mask: radial-gradient(circle, transparent 1.6px, #000000 2px) -3px -3px / 6px 6px, linear-gradient(#000000, #000000) 50% 50% / calc(100% - 6px) calc(100% - 6px) no-repeat; box-shadow: inset 0 0 0 5px var(--w), inset 0 0 0 6px var(--c); }
.us-qlpostageperforation-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpostageperforation-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlpostageperforation-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpostageperforation-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlpostageperforation-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcustomsovalstamp { background: none; color: var(--b); font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.88em; border: 2px solid var(--b); border-radius: 50% / 80%; transform: rotate(-4deg); padding: 1px 14px; opacity: 0.9; }
.us-qlcustomsovalstamp-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlcustomsovalstamp-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcustomsovalstamp-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlcustomsovalstamp-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcustomsovalstamp-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrubberstampbox { background: none; color: var(--o); font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.9em; border: 3px double var(--o); border-radius: 4px; transform: rotate(2deg); padding: 0 10px; opacity: 0.92; }
.us-qlrubberstampbox-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlrubberstampbox-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrubberstampbox-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlrubberstampbox-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrubberstampbox-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlinkpadedge { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 6px; box-shadow: inset 0 0 0 3px var(--dk), inset 0 0 0 4px var(--w); padding: 3px 14px; }
.us-qlinkpadedge-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlinkpadedge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlinkpadedge-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlinkpadedge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlinkpadedge-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldatestampwheel { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--dk); border-radius: 4px; font-family: 'JetBrains Mono', ui-monospace, monospace; letter-spacing: 0.1em; padding: 1px 14px 1px 24px; }
.us-qldatestampwheel::before { content: ''; position: absolute; pointer-events: none; left: 4px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: repeating-conic-gradient(var(--dk) 0 8deg, var(--ol) 8deg 24deg); }
.us-qldatestampwheel-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qldatestampwheel-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qldatestampwheel-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qldatestampwheel-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qldatestampwheel-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlapprovedtilt { background: none; color: var(--c); font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.9em; border: 3px solid var(--c); border-radius: 6px; transform: rotate(-6deg); padding: 0 10px; text-shadow: 0 0 0 var(--b); box-shadow: inset 0 0 0 1px var(--c); }
.us-qlapprovedtilt-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlapprovedtilt-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlapprovedtilt-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlapprovedtilt-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlapprovedtilt-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcertifiedtails { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 999px; margin-bottom: 6px; padding: 1px 14px; }
.us-qlcertifiedtails::after { content: ''; position: absolute; pointer-events: none; left: 50%; bottom: -8px; width: 14px; height: 9px; margin-left: -7px; background: linear-gradient(90deg, var(--o) 0 50%, var(--c) 50%); clip-path: polygon(0 0, 100% 0, 100% 100%, 75% 70%, 50% 100%, 25% 70%, 0 100%); }
.us-qlcertifiedtails-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcertifiedtails-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlcertifiedtails-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcertifiedtails-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlcertifiedtails-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhonorrollbar { background: linear-gradient(90deg, var(--o) 0 6px, transparent 6px calc(100% - 6px), var(--o) calc(100% - 6px)), linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 28%, var(--w))); color: var(--dk); font-weight: 900; border-radius: 2px; padding: 1px 16px; }
.us-qlhonorrollbar-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhonorrollbar-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhonorrollbar-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhonorrollbar-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhonorrollbar-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltrophycuphandles { background: linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 3px 3px 14px 14px; margin: 0 8px; padding: 1px 15px; }
.us-qltrophycuphandles::before { content: ''; position: absolute; pointer-events: none; left: -7px; top: 3px; width: 8px; height: 9px; box-sizing: border-box; border: 2px solid var(--o); border-right: 0; border-radius: 6px 0 0 6px; }
.us-qltrophycuphandles::after { content: ''; position: absolute; pointer-events: none; right: -7px; top: 3px; width: 8px; height: 9px; box-sizing: border-box; border: 2px solid var(--o); border-left: 0; border-radius: 0 6px 6px 0; }
.us-qltrophycuphandles-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qltrophycuphandles-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qltrophycuphandles-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qltrophycuphandles-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qltrophycuphandles-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmedalhangerloop { background: radial-gradient(circle at 50% 100%, var(--w) 0 4px, transparent 4.6px) 50% 0 / 14px 8px no-repeat, linear-gradient(180deg, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 999px; margin-top: 4px; padding: 1px 16px; }
.us-qlmedalhangerloop-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmedalhangerloop-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlmedalhangerloop-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmedalhangerloop-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlmedalhangerloop-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpinbackbutton { background: radial-gradient(ellipse 60% 40% at 30% 25%, rgba(255,255,255,0.6), transparent 70%), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: 0 0 0 2px var(--w), 0 0 0 3px var(--b), 0 3px 4px rgba(0,0,0,0.25); margin: 0 5px; padding: 1px 16px; }
.us-qlpinbackbutton-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlpinbackbutton-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlpinbackbutton-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlpinbackbutton-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlpinbackbutton-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlenamelpinoutline { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border: 2px solid var(--o); border-radius: 12px; box-shadow: 0 0 0 1px var(--dk), inset 0 0 0 1px rgba(255,255,255,0.5); padding: 0 14px; }
.us-qlenamelpinoutline-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlenamelpinoutline-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlenamelpinoutline-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlenamelpinoutline-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlenamelpinoutline-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllapelflagpin { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 3px; padding: 1px 14px 1px 26px; }
.us-qllapelflagpin::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 14px; height: 10px; margin-top: -6px; background: linear-gradient(180deg, var(--o) 0 33%, var(--w) 33% 66%, var(--c) 66%); box-shadow: -2px 0 0 0 var(--dk), 0 0 0 1px var(--dk); }
.us-qllapelflagpin-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllapelflagpin-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qllapelflagpin-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllapelflagpin-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qllapelflagpin-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlnameplaque { background: linear-gradient(180deg, var(--ol), var(--w)); color: var(--dk); font-weight: 900; border: 2px solid var(--o); border-radius: 3px; box-shadow: inset 0 0 0 1px var(--w); padding: 0 16px; }
.us-qlnameplaque-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlnameplaque-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlnameplaque-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlnameplaque-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlnameplaque-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlplaquescrews { background: radial-gradient(circle at 5px 5px, var(--dk) 0 1.4px, transparent 2px), radial-gradient(circle at calc(100% - 5px) 5px, var(--dk) 0 1.4px, transparent 2px), radial-gradient(circle at 5px calc(100% - 5px), var(--dk) 0 1.4px, transparent 2px), radial-gradient(circle at calc(100% - 5px) calc(100% - 5px), var(--dk) 0 1.4px, transparent 2px), linear-gradient(180deg, var(--w), var(--ol)); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px; padding: 3px 16px; }
.us-qlplaquescrews-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlplaquescrews-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlplaquescrews-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlplaquescrews-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlplaquescrews-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlengravedplate { background: linear-gradient(180deg, var(--w), color-mix(in srgb, var(--c) 25%, var(--w))); color: color-mix(in srgb, var(--dk) 80%, transparent); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 color-mix(in srgb, var(--dk) 35%, transparent); letter-spacing: 0.08em; border: 1px solid var(--b); border-radius: 2px; padding: 1px 14px; }
.us-qlengravedplate-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlengravedplate-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlengravedplate-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlengravedplate-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlengravedplate-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcrestbannercurl { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 3px; margin: 0 7px; padding: 1px 14px; }
.us-qlcrestbannercurl::before { content: ''; position: absolute; pointer-events: none; left: -7px; top: 3px; bottom: -3px; width: 9px; background: var(--b); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 40% 50%); }
.us-qlcrestbannercurl::after { content: ''; position: absolute; pointer-events: none; right: -7px; top: 3px; bottom: -3px; width: 9px; background: var(--b); clip-path: polygon(0 0, 100% 0, 60% 50%, 100% 100%, 0 100%); }
.us-qlcrestbannercurl-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlcrestbannercurl-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlcrestbannercurl-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlcrestbannercurl-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlcrestbannercurl-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmonogramcircle { background: var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--b); border-radius: 999px; box-shadow: inset 0 0 0 2px var(--w), inset 0 0 0 3px var(--o); padding: 3px 18px; }
.us-qlmonogramcircle-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlmonogramcircle-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlmonogramcircle-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlmonogramcircle-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlmonogramcircle-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlheraldicbar { background: linear-gradient(180deg, var(--o) 0 33%, var(--w) 33% 66%, var(--c) 66%); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border-radius: 2px; padding: 1px 14px; box-shadow: 0 0 0 1px var(--dk); }
.us-qlheraldicbar-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlheraldicbar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlheraldicbar-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlheraldicbar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlheraldicbar-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhalloffameframe { background: linear-gradient(180deg, var(--dk), color-mix(in srgb, var(--dk) 70%, var(--b))); color: var(--ol); text-shadow: 0 0 4px var(--o); border: 3px solid var(--o); border-radius: 2px; box-shadow: inset 0 0 0 2px var(--dk), inset 0 0 0 3px var(--ol); padding: 1px 14px; }
.us-qlhalloffameframe-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlhalloffameframe-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlhalloffameframe-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlhalloffameframe-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlhalloffameframe-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwalkoffamestar { background: var(--dk); color: var(--w); border-radius: 3px; padding: 1px 14px 1px 28px; text-shadow: 0 0 3px var(--c); }
.us-qlwalkoffamestar::before { content: ''; position: absolute; pointer-events: none; left: 6px; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; background: var(--o); clip-path: polygon(50% 0, 62% 36%, 100% 38%, 70% 60%, 80% 100%, 50% 76%, 20% 100%, 30% 60%, 0 38%, 38% 36%); }
.us-qlwalkoffamestar-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlwalkoffamestar-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlwalkoffamestar-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlwalkoffamestar-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlwalkoffamestar-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlchampionbeltplate { background: radial-gradient(ellipse 50% 90% at 50% 50%, var(--ol), var(--o)); color: var(--dk); font-weight: 900; text-shadow: 0 0 3px #ffffff; border: 3px solid var(--dk); border-radius: 999px / 60%; box-shadow: inset 0 0 0 2px var(--w); padding: 1px 20px; }
.us-qlchampionbeltplate-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlchampionbeltplate-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlchampionbeltplate-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlchampionbeltplate-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlchampionbeltplate-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllanewinnerflag { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--c); border-radius: 2px 8px 8px 2px; padding: 1px 14px 1px 24px; }
.us-qllanewinnerflag::before { content: ''; position: absolute; pointer-events: none; left: 5px; top: 50%; width: 11px; height: 9px; margin-top: -5px; background: conic-gradient(var(--dk) 25%, var(--w) 0 50%, var(--dk) 0 75%, var(--w) 0) 0 0 / 5px 5px; box-shadow: 0 0 0 1px var(--dk); }
.us-qllanewinnerflag-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllanewinnerflag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qllanewinnerflag-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllanewinnerflag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qllanewinnerflag-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrecordholdertag { background: linear-gradient(90deg, var(--o) 0 8px, transparent 8px), var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 3px 12px 12px 3px; padding: 1px 16px 1px 18px; }
.us-qlrecordholdertag-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlrecordholdertag-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlrecordholdertag-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlrecordholdertag-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlrecordholdertag-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlperfectscorebadge { background: radial-gradient(circle at 14px 50%, var(--w) 0 5px, var(--o) 5.6px 9px, transparent 9.6px), linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 999px; box-shadow: 0 0 0 2px var(--w), 0 0 0 3px var(--b); padding: 1px 15px 1px 32px; margin-left: 4px; }
.us-qlperfectscorebadge-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlperfectscorebadge-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlperfectscorebadge-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlperfectscorebadge-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlperfectscorebadge-5 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstreakflametag { background: var(--w); color: var(--dk); font-weight: 900; border: 1px solid var(--o); border-radius: 999px; padding: 1px 14px 1px 28px; }
.us-qlstreakflametag::before { content: ''; position: absolute; pointer-events: none; left: 7px; top: 50%; width: 11px; height: 14px; margin-top: -7px; background: linear-gradient(180deg, var(--o), var(--ol)); clip-path: polygon(50% 0, 80% 35%, 100% 65%, 80% 100%, 20% 100%, 0 65%, 25% 40%, 30% 62%, 50% 30%); }
.us-qlstreakflametag-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlstreakflametag-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlstreakflametag-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlstreakflametag-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlstreakflametag-5 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllevelupchevron { background: linear-gradient(180deg, var(--c), var(--b)); color: #ffffff; text-shadow: 0 1px 2px color-mix(in srgb, var(--dk) 85%, transparent), 0 0 2px color-mix(in srgb, var(--dk) 60%, transparent); border-radius: 4px; padding: 1px 14px 1px 26px; }
.us-qllevelupchevron::before { content: ''; position: absolute; pointer-events: none; left: 8px; top: 50%; width: 8px; height: 8px; margin-top: -2px; border-top: 3px solid var(--o); border-left: 3px solid var(--o); transform: rotate(45deg); box-sizing: border-box; box-shadow: 0 5px 0 -1px var(--ol); }
.us-qllevelupchevron-1 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qllevelupchevron-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qllevelupchevron-3 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qllevelupchevron-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qllevelupchevron-5 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlachievementbar { background: linear-gradient(90deg, var(--o) 0 40%, transparent 40%), var(--w); color: var(--dk); font-weight: 900; border: 2px solid var(--c); border-radius: 999px; padding: 1px 15px; }
.us-qlachievementbar-1 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlachievementbar-2 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
.us-qlachievementbar-3 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlachievementbar-4 { --o: #00c8ff; --ol: #9eeaff; --c: #2f80ed; --b: #0b3a8c; --w: #eaf4ff; --dk: #061a40; }
.us-qlachievementbar-5 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlembossedsealtext { background: none; color: color-mix(in srgb, var(--c) 40%, #ffffff); font-weight: 900; letter-spacing: 0.06em; text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 color-mix(in srgb, var(--b) 60%, transparent); border-radius: 0; padding: 0 5px; }
.us-qlembossedsealtext-1 { --o: #ff5500; --ol: #ffa36b; --c: #00b3ff; --b: #003f8f; --w: #e1f4ff; --dk: #001b44; }
.us-qlembossedsealtext-2 { --o: #e8590c; --ol: #ffc078; --c: #ff922b; --b: #a33a06; --w: #fff4e6; --dk: #3d1502; }
.us-qlembossedsealtext-3 { --o: #ff7f11; --ol: #ffbf80; --c: #00c2d6; --b: #00609c; --w: #e0fbfd; --dk: #06283d; }
.us-qlembossedsealtext-4 { --o: #00e0ff; --ol: #b8f6ff; --c: #13a8d6; --b: #0b5f7d; --w: #ebfcff; --dk: #063646; }
.us-qlembossedsealtext-5 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfoilstamptext { background: linear-gradient(180deg, var(--ol) 0%, #ffffff 45%, var(--o) 55%, var(--ol) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; caret-color: var(--o); filter: drop-shadow(0 0 0.7px var(--dk)) drop-shadow(0 1px 0 var(--dk)); font-weight: 900; border-radius: 0; padding: 0 4px; }
.us-qlfoilstamptext-1 { --o: #ff9a1f; --ol: #ffd08a; --c: #20c4f4; --b: #145da0; --w: #eaf8ff; --dk: #0c2d57; }
.us-qlfoilstamptext-2 { --o: #ff7a00; --ol: #ffd08a; --c: #ffb03b; --b: #c25700; --w: #fff8ec; --dk: #4a2600; }
.us-qlfoilstamptext-3 { --o: #ff6a3d; --ol: #ffb59a; --c: #27b4e8; --b: #0b4f9e; --w: #e7f6ff; --dk: #0a1f44; }
.us-qlfoilstamptext-4 { --o: #3ad7ff; --ol: #bfefff; --c: #3b82f6; --b: #1e3a8a; --w: #eef6ff; --dk: #0b1640; }
.us-qlfoilstamptext-5 { --o: #ff5a00; --ol: #ffb27a; --c: #ff9a3c; --b: #b84300; --w: #fff3e6; --dk: #431800; }
@keyframes us-p4-spin { to { transform: rotate(360deg); } }
/* --- Frutiger Aero 4: 90 designs x 5 colorways, in the glossy sky-and-grass glass of Frutiger Aero 1, 2 and 3 --- */
.us-fdglassbtn {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 7px; padding: 1px 14px; box-shadow: 0 2px 4px rgba(0,0,0,0.3), inset 0 0 0 1px rgba(255,255,255,0.35);
}
.us-fdglassbtn-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdglassbtn-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdglassbtn-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdglassbtn-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdglassbtn-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdtaskbar {
    background: linear-gradient(180deg, rgba(255,255,255,0.35) 0 48%, rgba(0,0,0,0.12) 52%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #000000), color-mix(in srgb, var(--a) 40%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.5); border-radius: 4px; padding: 1px 14px;
}
.us-fdtaskbar-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdtaskbar-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdtaskbar-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdtaskbar-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdtaskbar-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtitlebar {
    background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.1) 55%), linear-gradient(90deg, color-mix(in srgb, var(--a) 55%, #ffffff), var(--b)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.9); border-radius: 8px 8px 0 0; box-shadow: 0 -1px 0 color-mix(in srgb, var(--a) 40%, transparent) inset; padding: 1px 14px;
}
.us-fdtitlebar-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdtitlebar-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdtitlebar-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdtitlebar-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtitlebar-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdaddress {
    background: linear-gradient(180deg, #ffffff, #f2f7fb); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 55%, #7a8794); border-radius: 4px; box-shadow: inset 0 2px 3px rgba(0,0,0,0.12); padding: 1px 12px; font-weight: 700;
}
.us-fdaddress-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdaddress-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdaddress-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdaddress-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdaddress-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdtab {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 50%, #7a8794); border-bottom: 0; border-radius: 9px 9px 0 0; padding: 2px 14px 1px; box-shadow: inset 0 2px 0 var(--a);
}
.us-fdtab-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdtab-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtab-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdtab-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdtab-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdtooltip {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--b) 45%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 60%, #7a8794); border-radius: 6px; margin-bottom: 8px; box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
}
.us-fdtooltip-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtooltip-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdtooltip-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdtooltip-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdtooltip-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmenuitem {
    background: linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.1) 50%), linear-gradient(180deg, color-mix(in srgb, var(--b) 70%, #ffffff), color-mix(in srgb, var(--a) 40%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 60%, #ffffff); border-radius: 5px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
}
.us-fdmenuitem-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdmenuitem-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdmenuitem-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdmenuitem-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmenuitem-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdscroll {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(90deg, color-mix(in srgb, var(--a) 70%, #ffffff), var(--a) 50%, color-mix(in srgb, var(--a) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px; padding: 1px 16px;
}
.us-fdscroll-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdscroll-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdscroll-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdscroll-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdscroll-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdslider {
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 35%) 0 calc(100% - 2px) / 100% 5px no-repeat, linear-gradient(90deg, var(--a) 0 60%, #dfe6ee 60%) 0 calc(100% - 2px) / 100% 5px no-repeat, radial-gradient(circle at 60% calc(100% - 4px), #ffffff 0 3.4px, color-mix(in srgb, var(--a) 40%, #ffffff) 4.4px, var(--a) 6px, transparent 6.6px); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); padding: 1px 12px 8px; border-radius: 0;
}
.us-fdslider-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdslider-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdslider-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdslider-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdslider-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdswitch {
    background: radial-gradient(circle at calc(100% - 10px) 50%, #ffffff 0 5px, rgba(255,255,255,0.4) 7px, transparent 8px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px; padding: 1px 26px 1px 14px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.25);
}
.us-fdswitch-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdswitch-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdswitch-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdswitch-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdswitch-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcheck {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 2px solid var(--a); border-radius: 6px; padding: 1px 12px 1px 24px;
}
.us-fdcheck-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdcheck-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdcheck-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdcheck-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcheck-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdradio {
    background: radial-gradient(circle at 12px 50%, #ffffff 0 2px, var(--a) 3px 5px, transparent 5.6px), radial-gradient(circle at 12px 50%, transparent 0 6px, color-mix(in srgb, var(--a) 55%, #ffffff) 6.6px 8px, transparent 8.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 26px;
}
.us-fdradio-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdradio-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdradio-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdradio-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdradio-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdprogress {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), repeating-linear-gradient(-45deg, rgba(255,255,255,0.22) 0 7px, transparent 7px 14px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px; padding: 1px 16px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.us-fdprogress-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdprogress-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdprogress-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdprogress-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdprogress-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdspinner {
    background: conic-gradient(from 0deg at 12px 50%, transparent 0 20%, rgba(255,255,255,0.8) 25%, transparent 30% 70%, rgba(255,255,255,0.5) 75%, transparent 80%) 0 0 / 24px 100% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px; padding: 1px 14px 1px 28px;
}
.us-fdspinner-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdspinner-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdspinner-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdspinner-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdspinner-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdbadge {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 2px solid #ffffff; border-radius: 999px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 70%, #000000), 0 2px 4px rgba(0,0,0,0.3); padding: 0 8px;
}
.us-fdbadge-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdbadge-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdbadge-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdbadge-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdbadge-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdsearchbox {
    background: radial-gradient(circle at 14px 50%, transparent 0 4px, var(--a) 4.6px 6px, transparent 6.6px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, #ffffff, #f0f6fb); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 50%, #7a8794); border-radius: 999px; box-shadow: inset 0 2px 3px rgba(0,0,0,0.1); padding: 1px 14px 1px 30px;
}
.us-fdsearchbox-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdsearchbox-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdsearchbox-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdsearchbox-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdsearchbox-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdcombo {
    background: linear-gradient(90deg, transparent calc(100% - 22px), color-mix(in srgb, var(--a) 70%, #ffffff) calc(100% - 22px)) , linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 60%, #7a8794); border-radius: 4px; padding: 1px 30px 1px 10px;
}
.us-fdcombo-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdcombo-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdcombo-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdcombo-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdcombo-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdtoolbar {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--b) 40%, #ffffff) 55%, color-mix(in srgb, var(--a) 22%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-radius: 4px; box-shadow: inset 0 1px 0 #ffffff;
}
.us-fdtoolbar-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdtoolbar-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdtoolbar-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdtoolbar-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdtoolbar-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdstatus {
    background: linear-gradient(180deg, rgba(255,255,255,0.5) 0 46%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 80%, #ffffff), color-mix(in srgb, var(--a) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px; padding: 1px 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
}
.us-fdstatus-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdstatus-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdstatus-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdstatus-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdstatus-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdsidebar {
    background: linear-gradient(90deg, var(--a) 0 6px, transparent 6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 3px 8px 8px 3px; padding: 1px 12px 1px 14px;
}
.us-fdsidebar-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdsidebar-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdsidebar-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdsidebar-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdsidebar-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdmeadow {
    background: radial-gradient(ellipse 60% 50% at 20% 100%, color-mix(in srgb, var(--a) 90%, #000000) 0 70%, transparent 72%), radial-gradient(ellipse 60% 50% at 75% 100%, var(--a) 0 70%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, #ffffff), color-mix(in srgb, var(--b) 80%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 6px;
}
.us-fdmeadow-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdmeadow-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdmeadow-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdmeadow-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdmeadow-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdrainbow {
    background: radial-gradient(ellipse 120% 160% at 50% 130%, transparent 0 40%, #ff6b6b 41% 46%, #ffc14a 46% 51%, #7ddc4a 51% 56%, #4ab8ff 56% 61%, #9a6bff 61% 66%, transparent 67%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 8px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff);
}
.us-fdrainbow-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdrainbow-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdrainbow-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdrainbow-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdrainbow-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdcloudbank {
    background: radial-gradient(ellipse 16px 10px at 14% 100%, #ffffff 0 80%, transparent 84%), radial-gradient(ellipse 20px 12px at 40% 100%, #ffffff 0 80%, transparent 84%), radial-gradient(ellipse 18px 11px at 70% 100%, #ffffff 0 80%, transparent 84%), radial-gradient(ellipse 16px 10px at 92% 100%, #ffffff 0 80%, transparent 84%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--b) 70%, #ffffff)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 14px 5px;
}
.us-fdcloudbank-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdcloudbank-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcloudbank-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdcloudbank-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdcloudbank-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fddaisy {
    background: radial-gradient(circle at 10px 100%, #ffffff 0 3px, #ffd23f 3.4px 4.4px, transparent 5px) 0 100% / 22px 12px repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 7px; border-bottom: 3px solid var(--a); padding: 1px 12px 10px;
}
.us-fddaisy-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fddaisy-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fddaisy-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fddaisy-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fddaisy-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdsunrise {
    background: radial-gradient(ellipse 50% 90% at 50% 130%, #fff7c2 0 30%, var(--b) 60%, transparent 90%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--b) 70%, #ffffff)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fdsunrise-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdsunrise-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdsunrise-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdsunrise-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdsunrise-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdreeds {
    background: repeating-linear-gradient(90deg, transparent 0 5px, var(--a) 5px 6px, transparent 6px 11px) 0 100% / 100% 12px no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 6px; padding: 1px 12px 9px;
}
.us-fdreeds-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdreeds-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdreeds-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdreeds-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdreeds-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdpebble {
    background: radial-gradient(ellipse 7px 5px at 7px 5px, color-mix(in srgb, var(--a) 40%, #ffffff) 0 80%, transparent 84%) 0 0 / 14px 10px, radial-gradient(ellipse 7px 5px at 14px 10px, color-mix(in srgb, var(--b) 60%, #ffffff) 0 80%, transparent 84%) 7px 5px / 14px 10px, color-mix(in srgb, var(--a) 70%, #000000); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px;
}
.us-fdpebble-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdpebble-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdpebble-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdpebble-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdpebble-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fddewleaf {
    background: radial-gradient(circle at 22% 32%, #ffffff 0 1.4px, rgba(255,255,255,0.5) 2px 3.6px, transparent 4.2px), radial-gradient(circle at 74% 66%, #ffffff 0 1.2px, rgba(255,255,255,0.5) 1.8px 3.2px, transparent 3.8px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px 14px 3px 14px;
}
.us-fddewleaf-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fddewleaf-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fddewleaf-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fddewleaf-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fddewleaf-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdseedling {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 55%, #ffffff); border-top: 4px solid var(--a); border-radius: 12px 3px 12px 3px; padding: 1px 14px;
}
.us-fdseedling-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdseedling-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdseedling-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdseedling-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdseedling-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdbutterfly {
    background: radial-gradient(ellipse 12px 9px at 10px 50%, var(--b) 0 70%, transparent 74%), radial-gradient(ellipse 12px 9px at calc(100% - 10px) 50%, var(--b) 0 70%, transparent 74%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px; border: 1px solid var(--a); padding: 1px 20px;
}
.us-fdbutterfly-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdbutterfly-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdbutterfly-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdbutterfly-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdbutterfly-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdladybug {
    background: radial-gradient(circle at 12% 30%, var(--ink) 0 2px, transparent 2.6px), radial-gradient(circle at 36% 74%, var(--ink) 0 2px, transparent 2.6px), radial-gradient(circle at 64% 30%, var(--ink) 0 2px, transparent 2.6px), radial-gradient(circle at 88% 70%, var(--ink) 0 2px, transparent 2.6px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px;
}
.us-fdladybug-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdladybug-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdladybug-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdladybug-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdladybug-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdfireflies {
    background: radial-gradient(circle at 12% 30%, #fffbc4 0 1.4px, rgba(255,240,120,0.6) 2.4px, transparent 5px), radial-gradient(circle at 54% 76%, #fffbc4 0 1.4px, rgba(255,240,120,0.6) 2.4px, transparent 5px), radial-gradient(circle at 90% 34%, #fffbc4 0 1.4px, rgba(255,240,120,0.6) 2.4px, transparent 5px), linear-gradient(180deg, color-mix(in srgb, var(--a) 50%, #000000), color-mix(in srgb, var(--a) 30%, #000000)); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 8px;
}
.us-fdfireflies-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdfireflies-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdfireflies-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdfireflies-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdfireflies-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdstarfield {
    background: radial-gradient(circle at 10% 30%, #ffffff 0 0.9px, transparent 1.5px), radial-gradient(circle at 40% 72%, #ffffff 0 0.9px, transparent 1.5px), radial-gradient(circle at 70% 24%, #ffffff 0 1px, transparent 1.6px), radial-gradient(circle at 90% 66%, #ffffff 0 0.9px, transparent 1.5px), linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #000000), color-mix(in srgb, var(--a) 35%, #000000)); color: #ffffff; text-shadow: 0 1px 2px #000000; border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 8px;
}
.us-fdstarfield-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdstarfield-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdstarfield-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdstarfield-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdstarfield-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdwaves {
    background: radial-gradient(ellipse 14px 6px at 7px 100%, color-mix(in srgb, var(--a) 75%, #000000) 0 80%, transparent 84%) 0 100% / 14px 8px repeat-x, radial-gradient(ellipse 14px 6px at 14px 100%, var(--a) 0 80%, transparent 84%) 0 calc(100% - 4px) / 14px 8px repeat-x, linear-gradient(180deg, #ffffff, var(--b)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 7px; padding: 1px 12px 8px;
}
.us-fdwaves-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdwaves-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdwaves-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdwaves-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdwaves-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdcanyon {
    background: linear-gradient(180deg, var(--b) 0 22%, color-mix(in srgb, var(--a) 60%, #ffffff) 22% 46%, var(--a) 46% 72%, color-mix(in srgb, var(--a) 70%, #000000) 72%); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px;
}
.us-fdcanyon-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdcanyon-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdcanyon-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdcanyon-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdcanyon-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdtulips {
    background: radial-gradient(ellipse 4px 6px at 8px calc(100% - 3px), var(--a) 0 80%, transparent 84%) 0 100% / 16px 10px repeat-x, radial-gradient(ellipse 4px 6px at 16px calc(100% - 3px), var(--b) 0 80%, transparent 84%) 0 100% / 16px 10px repeat-x, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 6px; padding: 1px 12px 10px;
}
.us-fdtulips-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtulips-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdtulips-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdtulips-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdtulips-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdbirch {
    background: repeating-linear-gradient(0deg, transparent 0 5px, rgba(30,30,30,0.35) 5px 6px, transparent 6px 11px), linear-gradient(90deg, #f6f6f2, #e4e4dc 50%, #f6f6f2); color: #2c2c2c; text-shadow: 0 1px 0 #ffffff; border-radius: 4px; border-left: 4px solid var(--a);
}
.us-fdbirch-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdbirch-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdbirch-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdbirch-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdbirch-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdmoss {
    background: radial-gradient(circle, rgba(255,255,255,0.22) 0 0.8px, transparent 1.2px) 0 0 / 5px 5px, radial-gradient(circle, rgba(0,0,0,0.2) 0 0.8px, transparent 1.2px) 2px 2px / 5px 5px, linear-gradient(180deg, color-mix(in srgb, var(--a) 80%, #ffffff), color-mix(in srgb, var(--a) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fdmoss-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdmoss-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdmoss-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmoss-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdmoss-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdskyline {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 90%, #000000), var(--a) 30%, color-mix(in srgb, var(--b) 70%, #ffffff) 75%, #ffffff); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fdskyline-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdskyline-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdskyline-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdskyline-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdskyline-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdrss {
    background: radial-gradient(circle at 12px calc(100% - 7px), #ffffff 0 2px, transparent 2.6px), radial-gradient(circle at 5px 100%, transparent 0 7px, #ffffff 7.6px 9px, transparent 9.6px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--b) 70%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px; padding: 1px 14px 1px 28px;
}
.us-fdrss-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdrss-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdrss-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdrss-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdrss-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcalendar {
    background: linear-gradient(180deg, var(--a) 0 6px, #ffffff 6px); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 60%, #7a8794); border-radius: 4px; box-shadow: 0 2px 3px rgba(0,0,0,0.2); padding: 7px 12px 1px;
}
.us-fdcalendar-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdcalendar-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdcalendar-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdcalendar-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcalendar-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdclock {
    background: radial-gradient(circle at 50% 50%, var(--a) 0 2px, transparent 2.6px), radial-gradient(circle, #ffffff 0 62%, color-mix(in srgb, var(--b) 60%, #ffffff) 100%); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 3px solid var(--a); border-radius: 999px; padding: 1px 14px; box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
.us-fdclock-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdclock-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdclock-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdclock-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdclock-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdbattery {
    background: linear-gradient(90deg, var(--a) 0 70%, transparent 70%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 2px solid color-mix(in srgb, var(--a) 70%, #000000); border-right-width: 5px; border-radius: 4px; padding: 0 12px;
}
.us-fdbattery-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdbattery-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdbattery-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdbattery-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdbattery-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdsignal {
    background: linear-gradient(var(--a), var(--a)) 6px 100% / 3px 25% no-repeat, linear-gradient(var(--a), var(--a)) 11px 100% / 3px 45% no-repeat, linear-gradient(var(--a), var(--a)) 16px 100% / 3px 65% no-repeat, linear-gradient(var(--a), var(--a)) 21px 100% / 3px 85% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 6px; padding: 1px 12px 1px 32px;
}
.us-fdsignal-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdsignal-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdsignal-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdsignal-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdsignal-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdvolume {
    background: conic-gradient(from 210deg at 14px 50%, var(--a) 0 240deg, transparent 240deg) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 30px;
}
.us-fdvolume-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdvolume-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdvolume-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdvolume-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdvolume-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fddial {
    background: conic-gradient(from 270deg at 50% 100%, var(--b) 0 60deg, var(--a) 60deg 120deg, color-mix(in srgb, var(--a) 60%, #000000) 120deg 180deg, transparent 180deg); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px 999px 4px 4px; padding: 5px 16px 1px;
}
.us-fddial-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fddial-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fddial-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fddial-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fddial-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdtoggle {
    background: radial-gradient(circle at 12px 50%, #ffffff 0 6px, transparent 6.6px), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #000000), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; padding: 1px 14px 1px 28px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.35);
}
.us-fdtoggle-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdtoggle-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdtoggle-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdtoggle-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdtoggle-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdnotepad {
    background: repeating-linear-gradient(180deg, transparent 0 1.2em, color-mix(in srgb, var(--a) 45%, transparent) 1.2em calc(1.2em + 1px)), linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, #ffffff), color-mix(in srgb, var(--b) 70%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); box-shadow: 2px 3px 5px rgba(0,0,0,0.25); border-radius: 1px 1px 10px 1px; display: inline-block; transform: rotate(-0.8deg);
}
.us-fdnotepad-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdnotepad-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdnotepad-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdnotepad-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdnotepad-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdcpu {
    background: repeating-linear-gradient(90deg, var(--a) 0 4px, transparent 4px 6px) 0 100% / 70% 40% no-repeat, linear-gradient(180deg, #19222c, #0d141b); color: #cdeaff; text-shadow: 0 0 4px var(--a); border: 1px solid #3a4a5a; border-radius: 4px; padding: 1px 12px 6px;
}
.us-fdcpu-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdcpu-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdcpu-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdcpu-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdcpu-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fddisk {
    background: radial-gradient(circle at 12px 50%, #ffffff 0 3px, transparent 3.6px), repeating-radial-gradient(circle at 12px 50%, color-mix(in srgb, var(--a) 40%, #ffffff) 0 2px, #ffffff 2px 4px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 30px;
}
.us-fddisk-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fddisk-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fddisk-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fddisk-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fddisk-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdmail {
    background: linear-gradient(160deg, transparent 49%, rgba(0,0,0,0.12) 50%, transparent 52%) 0 0 / 28px 100% no-repeat, linear-gradient(20deg, transparent 49%, rgba(0,0,0,0.12) 50%, transparent 52%) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 45%, #ffffff); border-radius: 4px; padding: 1px 12px 1px 32px;
}
.us-fdmail-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdmail-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdmail-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdmail-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdmail-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdraindrop {
    background: radial-gradient(ellipse 4px 6px at 12px 50%, var(--a) 0 80%, transparent 84%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 12px; padding: 1px 12px 1px 24px;
}
.us-fdraindrop-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdraindrop-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdraindrop-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdraindrop-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdraindrop-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdthermo {
    background: linear-gradient(90deg, color-mix(in srgb, var(--a) 40%, #ffffff) 0 65%, #e6edf3 65%); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 2px solid color-mix(in srgb, var(--a) 70%, #000000); border-radius: 999px; padding: 0 14px;
}
.us-fdthermo-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdthermo-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdthermo-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdthermo-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdthermo-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdcompass {
    background: conic-gradient(from 0deg at 12px 50%, var(--a) 0 12%, transparent 12% 25%, var(--a) 25% 37%, transparent 37% 50%, var(--a) 50% 62%, transparent 62% 75%, var(--a) 75% 87%, transparent 87%) 0 0 / 24px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 28px;
}
.us-fdcompass-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcompass-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdcompass-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdcompass-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdcompass-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdradar {
    background: conic-gradient(from 0deg at 14px 50%, transparent 0 60%, color-mix(in srgb, var(--a) 70%, transparent) 100%) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, #0f2a1f, #08170f); color: #b6ffd8; text-shadow: 0 0 4px #3cffa0; border: 1px solid #2d6a4c; border-radius: 999px; padding: 1px 14px 1px 30px;
}
.us-fdradar-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdradar-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdradar-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdradar-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdradar-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdcamera {
    background: radial-gradient(circle at 14px 50%, #101820 0 3px, #5a6a78 3.6px 5px, #1a232c 5.6px 8px, transparent 8.6px) 0 0 / 30px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #7a8794); border-radius: 8px; padding: 1px 14px 1px 32px;
}
.us-fdcamera-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdcamera-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdcamera-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdcamera-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdcamera-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmic {
    background: radial-gradient(circle, rgba(0,0,0,0.3) 0 0.9px, transparent 1.3px) 0 0 / 5px 5px, linear-gradient(180deg, color-mix(in srgb, var(--a) 40%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; border: 1px solid color-mix(in srgb, var(--a) 62%, #000000);
}
.us-fdmic-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdmic-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdmic-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdmic-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmic-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdspeaker {
    background: repeating-linear-gradient(90deg, rgba(0,0,0,0.28) 0 2px, transparent 2px 5px), linear-gradient(180deg, color-mix(in srgb, var(--a) 40%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 6px;
}
.us-fdspeaker-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdspeaker-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdspeaker-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdspeaker-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdspeaker-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdremote {
    background: radial-gradient(circle at 50% 30%, rgba(255,255,255,0.8), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 2px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; box-shadow: 0 0 0 2px color-mix(in srgb, var(--a) 70%, #000000), 0 3px 5px rgba(0,0,0,0.3); padding: 0 14px;
}
.us-fdremote-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdremote-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdremote-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdremote-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdremote-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdpillduo {
    background: linear-gradient(90deg, var(--a) 50%, var(--b) 50%); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid rgba(0,0,0,0.25); border-radius: 999px; box-shadow: inset 0 8px 8px -6px rgba(255,255,255,0.9), inset 0 -4px 6px rgba(0,0,0,0.15); padding: 1px 16px;
}
.us-fdpillduo-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdpillduo-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdpillduo-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdpillduo-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdpillduo-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdhexgel {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); clip-path: polygon(0.7em 0, calc(100% - 0.7em) 0, 100% 50%, calc(100% - 0.7em) 100%, 0.7em 100%, 0 50%); border-radius: 0; padding: 1px 1.2em;
}
.us-fdhexgel-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdhexgel-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdhexgel-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdhexgel-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdhexgel-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdoval {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 50% / 90%; padding: 1px 18px; box-shadow: 0 2px 5px rgba(0,0,0,0.3), inset 0 0 0 2px rgba(255,255,255,0.35);
}
.us-fdoval-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdoval-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdoval-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdoval-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdoval-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtabletop {
    background: linear-gradient(135deg, rgba(255,255,255,0.6) 0 22%, transparent 23%), linear-gradient(180deg, rgba(255,255,255,0.6), color-mix(in srgb, var(--b) 40%, rgba(255,255,255,0.3))); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.95); border-radius: 6px; box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset, 0 3px 6px color-mix(in srgb, var(--a) 35%, transparent);
}
.us-fdtabletop-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdtabletop-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdtabletop-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdtabletop-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdtabletop-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdgelstripe {
    background: repeating-linear-gradient(90deg, var(--a) 0 8px, color-mix(in srgb, var(--a) 70%, #ffffff) 8px 16px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; background-blend-mode: normal;
}
.us-fdgelstripe-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdgelstripe-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdgelstripe-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdgelstripe-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdgelstripe-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdmirror {
    background: linear-gradient(180deg, var(--a) 0 55%, color-mix(in srgb, var(--a) 35%, #ffffff) 55%, #ffffff); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px; padding: 1px 14px 5px;
}
.us-fdmirror-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdmirror-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdmirror-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdmirror-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdmirror-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdbevel {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 4px solid; border-color: color-mix(in srgb, var(--a) 50%, #ffffff) color-mix(in srgb, var(--a) 70%, #000000) color-mix(in srgb, var(--a) 70%, #000000) color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 2px;
}
.us-fdbevel-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdbevel-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdbevel-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdbevel-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdbevel-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdsoftbox {
    background: radial-gradient(ellipse at 50% 0, rgba(255,255,255,0.8), transparent 70%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 12px; box-shadow: 0 4px 10px color-mix(in srgb, var(--a) 35%, transparent), inset 0 0 0 1px rgba(255,255,255,0.9);
}
.us-fdsoftbox-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdsoftbox-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdsoftbox-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdsoftbox-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdsoftbox-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdemboss {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 18%, #ffffff), color-mix(in srgb, var(--a) 30%, #ffffff)); color: color-mix(in srgb, var(--a) 70%, #000000); text-shadow: 0 1px 0 #ffffff, 0 -1px 0 rgba(0,0,0,0.25); border-radius: 6px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 0 #ffffff;
}
.us-fdemboss-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdemboss-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdemboss-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdemboss-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdemboss-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdchrome {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 20%, #dfe6ee)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 3px solid transparent; border-radius: 999px; background-clip: padding-box; box-shadow: 0 0 0 2px color-mix(in srgb, var(--a) 50%, #c4ccd6), 0 0 0 4px #ffffff, 0 0 0 5px color-mix(in srgb, var(--a) 40%, #9aa6b4); margin: 0 6px;
}
.us-fdchrome-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdchrome-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdchrome-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdchrome-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdchrome-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdpearlstrip {
    background: radial-gradient(circle at 7px 50%, #ffffff 0 2px, #f4f6fa 2.6px 5px, color-mix(in srgb, var(--b) 60%, #ffffff) 6px, transparent 6.6px) 0 0 / 14px 100% repeat-x, linear-gradient(180deg, rgba(255,255,255,0.7), color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px; border: 1px solid #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.us-fdpearlstrip-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdpearlstrip-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdpearlstrip-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdpearlstrip-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdpearlstrip-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdruby {
    background: linear-gradient(135deg, rgba(255,255,255,0.7) 0 18%, transparent 19%), linear-gradient(45deg, rgba(0,0,0,0.25), transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); clip-path: polygon(0.5em 0, calc(100% - 0.5em) 0, 100% 50%, calc(100% - 0.5em) 100%, 0.5em 100%, 0 50%); border-radius: 0; padding: 1px 1.1em;
}
.us-fdruby-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdruby-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdruby-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdruby-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdruby-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdcrystal {
    background: linear-gradient(105deg, rgba(255,255,255,0.75) 0 24%, transparent 25% 52%, rgba(255,255,255,0.35) 53% 60%, transparent 61%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); clip-path: polygon(0 12%, 12% 0, 100% 0, 100% 88%, 88% 100%, 0 100%); border-radius: 0; padding: 1px 14px;
}
.us-fdcrystal-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdcrystal-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdcrystal-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdcrystal-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdcrystal-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdlamp {
    background: radial-gradient(circle at 22% 70%, color-mix(in srgb, var(--b) 90%, #ffffff) 0 4px, transparent 4.6px), radial-gradient(circle at 70% 34%, color-mix(in srgb, var(--b) 90%, #ffffff) 0 3px, transparent 3.6px), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 60%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; box-shadow: 0 0 8px color-mix(in srgb, var(--a) 60%, transparent), inset 0 1px 0 rgba(255,255,255,0.5);
}
.us-fdlamp-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdlamp-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdlamp-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdlamp-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdlamp-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdglasstxt {
    background: none; color: color-mix(in srgb, var(--a) 40%, #ffffff); -webkit-text-stroke: 1px color-mix(in srgb, var(--a) 70%, #000000); text-shadow: 0 1px 0 #ffffff; font-weight: 900; letter-spacing: 0.03em;
}
.us-fdglasstxt-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdglasstxt-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdglasstxt-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdglasstxt-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdglasstxt-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdreflect {
    background: none; color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); font-weight: 900; -webkit-box-reflect: below -0.15em linear-gradient(transparent 45%, rgba(255,255,255,0.45)); margin-bottom: 0.4em;
}
.us-fdreflect-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdreflect-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdreflect-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdreflect-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdreflect-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdglowtxt {
    background: none; color: var(--ink); font-weight: 900; text-shadow: 0 0 6px var(--b), 0 0 12px var(--a);
}
.us-fdglowtxt-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdglowtxt-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdglowtxt-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdglowtxt-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdglowtxt-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdgeltxt {
    background: none; color: var(--a); font-weight: 900; text-shadow: 0 1px 0 color-mix(in srgb, var(--a) 70%, #000000), 0 2px 0 color-mix(in srgb, var(--a) 60%, #000000), 0 3px 4px rgba(0,0,0,0.3), inset 0 0 2px #ffffff;
}
.us-fdgeltxt-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdgeltxt-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdgeltxt-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdgeltxt-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdgeltxt-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdshadowtxt {
    background: none; color: var(--ink); font-weight: 900; text-shadow: 2px 2px 0 color-mix(in srgb, var(--b) 80%, #ffffff), 3px 3px 3px rgba(0,0,0,0.3);
}
.us-fdshadowtxt-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdshadowtxt-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdshadowtxt-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdshadowtxt-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdshadowtxt-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdoutlinetxt {
    background: none; color: #ffffff; -webkit-text-stroke: 3px var(--a); paint-order: stroke fill; font-weight: 900; letter-spacing: 0.03em; text-shadow: 0 1px 0 var(--a);
}
.us-fdoutlinetxt-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdoutlinetxt-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdoutlinetxt-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdoutlinetxt-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdoutlinetxt-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdgradtxt {
    background: linear-gradient(180deg, var(--a), var(--ink)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px;
}
.us-fdgradtxt-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdgradtxt-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdgradtxt-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdgradtxt-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdgradtxt-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdembosstxt {
    background: none; color: color-mix(in srgb, var(--a) 40%, #e8eef4); font-weight: 900; text-shadow: 1px 1px 1px rgba(255,255,255,0.9), -1px -1px 1px rgba(0,0,0,0.35);
}
.us-fdembosstxt-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdembosstxt-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdembosstxt-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdembosstxt-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdembosstxt-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdneontxt {
    background: color-mix(in srgb, var(--ink) 80%, #000000); color: #ffffff; text-shadow: 0 0 4px var(--a), 0 0 10px var(--a), 0 0 18px var(--b); border-radius: 8px; font-weight: 800; padding: 1px 12px;
}
.us-fdneontxt-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdneontxt-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdneontxt-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdneontxt-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdneontxt-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdwatertxt {
    background: repeating-linear-gradient(0deg, var(--a) 0 3px, color-mix(in srgb, var(--b) 80%, #ffffff) 3px 5px); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px;
}
.us-fdwatertxt-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdwatertxt-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdwatertxt-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdwatertxt-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdwatertxt-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdstripetxt {
    background: repeating-linear-gradient(90deg, var(--a) 0 4px, var(--b) 4px 8px); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px;
}
.us-fdstripetxt-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fdstripetxt-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdstripetxt-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdstripetxt-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdstripetxt-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdbubbletxt {
    background: none; color: var(--ink); font-weight: 900; text-shadow: 0 0 0 transparent; border-bottom: 3px dotted var(--b); border-radius: 0;
}
.us-fdbubbletxt-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fdbubbletxt-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdbubbletxt-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdbubbletxt-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdbubbletxt-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdfrosttxt {
    background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.15)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.9); border-radius: 6px; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); box-shadow: 0 1px 4px color-mix(in srgb, var(--a) 30%, transparent); font-weight: 900;
}
.us-fdfrosttxt-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fdfrosttxt-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdfrosttxt-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdfrosttxt-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdfrosttxt-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmarkertxt {
    background: linear-gradient(104deg, transparent 0 2%, color-mix(in srgb, var(--b) 80%, transparent) 2% 98%, transparent 98%) 0 60% / 100% 65% no-repeat; color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); font-weight: 900; border-radius: 2px;
}
.us-fdmarkertxt-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fdmarkertxt-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdmarkertxt-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdmarkertxt-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdmarkertxt-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdcaps {
    background: none; color: var(--ink); font-weight: 800; font-variant: small-caps; letter-spacing: 0.1em; border-bottom: 2px solid var(--a); border-radius: 0; padding: 0 4px;
}
.us-fdcaps-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fdcaps-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdcaps-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdcaps-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdcaps-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdbreadcrumb {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); clip-path: polygon(0 0, calc(100% - 0.5em) 0, 100% 50%, calc(100% - 0.5em) 100%, 0 100%, 0.5em 50%); border-radius: 0; padding: 1px 1.3em;
}
.us-fdbreadcrumb-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fdbreadcrumb-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdbreadcrumb-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdbreadcrumb-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdbreadcrumb-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdlinkhover {
    background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.1) 50%), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, #ffffff), color-mix(in srgb, var(--b) 90%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-bottom: 2px solid var(--a); border-radius: 4px 4px 0 0; padding: 0 8px;
}
.us-fdlinkhover-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fdlinkhover-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fdlinkhover-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fdlinkhover-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fdlinkhover-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fewindowrim {
    background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.55)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 5px solid color-mix(in srgb, var(--b) 60%, rgba(255,255,255,0.4)); border-radius: 8px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 60%, #000000), 0 3px 8px rgba(0,0,0,0.25); margin: 0 5px;
}
.us-fewindowrim-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fewindowrim-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fewindowrim-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fewindowrim-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fewindowrim-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedialog {
    background: linear-gradient(180deg, #ffffff 0 62%, #eaf1f7 62%); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 50%, #7a8794); border-top: 6px solid var(--a); border-radius: 6px; box-shadow: 0 3px 8px rgba(0,0,0,0.22);
}
.us-fedialog-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fedialog-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fedialog-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fedialog-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedialog-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fewizard {
    background: linear-gradient(90deg, var(--a), color-mix(in srgb, var(--b) 80%, #ffffff) 60%, #ffffff); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 60%, #000000); border-radius: 4px; padding: 1px 30px 1px 12px;
}
.us-fewizard-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fewizard-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fewizard-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fewizard-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fewizard-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fedesktopicon {
    background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.15)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.8); border-radius: 5px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 60%, transparent), 0 0 8px color-mix(in srgb, var(--a) 60%, transparent); background-color: color-mix(in srgb, var(--a) 70%, transparent);
}
.us-fedesktopicon-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fedesktopicon-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedesktopicon-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fedesktopicon-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fedesktopicon-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fetray {
    background: linear-gradient(180deg, rgba(255,255,255,0.85), color-mix(in srgb, var(--b) 40%, rgba(255,255,255,0.7))); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid rgba(255,255,255,0.95); border-radius: 8px 8px 8px 2px; box-shadow: 0 3px 8px rgba(0,0,0,0.25); margin-bottom: 6px;
}
.us-fetray-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fetray-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fetray-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fetray-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fetray-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fejump {
    background: linear-gradient(90deg, color-mix(in srgb, var(--a) 40%, #ffffff) 0 5px, transparent 5px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 3px; padding: 1px 12px 1px 14px;
}
.us-fejump-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fejump-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fejump-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fejump-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fejump-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fetile {
    background: linear-gradient(135deg, rgba(255,255,255,0.45) 0 38%, transparent 39%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 70%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 2px; box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
}
.us-fetile-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fetile-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fetile-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fetile-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fetile-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fegadgetframe {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 2px solid color-mix(in srgb, var(--a) 65%, #7a8794); border-radius: 14px; box-shadow: inset 0 0 0 2px #ffffff, 0 2px 5px rgba(0,0,0,0.2);
}
.us-fegadgetframe-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fegadgetframe-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fegadgetframe-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fegadgetframe-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fegadgetframe-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fethumbnail {
    background: linear-gradient(180deg, #ffffff 0 14px, color-mix(in srgb, var(--b) 30%, #ffffff) 14px); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 50%, #7a8794); border-radius: 3px; box-shadow: 0 2px 5px rgba(0,0,0,0.25); padding: 16px 12px 1px;
}
.us-fethumbnail-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fethumbnail-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fethumbnail-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fethumbnail-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fethumbnail-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fealttab {
    background: linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.15)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 2px solid rgba(255,255,255,0.85); border-radius: 8px; box-shadow: 0 0 10px color-mix(in srgb, var(--a) 70%, transparent); background-color: color-mix(in srgb, var(--a) 65%, #000000);
}
.us-fealttab-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fealttab-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fealttab-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fealttab-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fealttab-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feribbontab {
    background: linear-gradient(180deg, color-mix(in srgb, var(--b) 50%, #ffffff), #ffffff); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-bottom: 0; border-radius: 6px 6px 0 0; padding: 1px 14px 0;
}
.us-feribbontab-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feribbontab-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-feribbontab-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feribbontab-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feribbontab-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fequickbar {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 25%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(0,0,0,0.15); padding: 1px 16px;
}
.us-fequickbar-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fequickbar-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fequickbar-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fequickbar-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fequickbar-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feprogressring {
    background: conic-gradient(from 0deg at 12px 50%, var(--a) 0 70%, #dfe6ee 70%) 0 0 / 24px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 28px;
}
.us-feprogressring-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feprogressring-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feprogressring-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feprogressring-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feprogressring-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fenotice {
    background: linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, #ffffff), #ffffff); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid var(--a); border-radius: 10px; margin-bottom: 7px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.us-fenotice-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fenotice-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fenotice-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fenotice-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fenotice-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fehelp {
    background: radial-gradient(circle at 12px 50%, #ffffff 0 2px, transparent 2.6px), radial-gradient(circle at 12px 50%, var(--a) 0 7px, transparent 7.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 28px;
}
.us-fehelp-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fehelp-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fehelp-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fehelp-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fehelp-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fetoolkit {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 3px 14px 3px 3px; padding: 1px 14px;
}
.us-fetoolkit-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fetoolkit-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fetoolkit-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fetoolkit-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fetoolkit-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fecontext {
    background: linear-gradient(90deg, color-mix(in srgb, var(--b) 40%, #ffffff) 0 22px, #ffffff 22px); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #7a8794); border-radius: 2px; box-shadow: 2px 3px 5px rgba(0,0,0,0.25); padding: 1px 12px 1px 30px;
}
.us-fecontext-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fecontext-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fecontext-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fecontext-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fecontext-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feexplorer {
    background: linear-gradient(90deg, color-mix(in srgb, var(--a) 18%, #ffffff) 0 40%, #ffffff 40%); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 45%, #7a8794); border-radius: 3px; padding: 1px 12px;
}
.us-feexplorer-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feexplorer-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feexplorer-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feexplorer-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feexplorer-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fesearchglass {
    background: radial-gradient(circle at calc(100% - 14px) 50%, transparent 0 4px, var(--a) 4.6px 6px, transparent 6.6px) 0 0 / 100% 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--b) 40%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 50%, #7a8794); border-radius: 999px; padding: 1px 30px 1px 14px; box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
}
.us-fesearchglass-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fesearchglass-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fesearchglass-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fesearchglass-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fesearchglass-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-felock {
    background: radial-gradient(ellipse at 50% 0, rgba(255,255,255,0.45), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--a) 70%, #000000), color-mix(in srgb, var(--a) 40%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.6); border-radius: 10px; box-shadow: 0 0 10px color-mix(in srgb, var(--a) 60%, transparent);
}
.us-felock-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-felock-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-felock-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-felock-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-felock-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fespringrain {
    background: repeating-linear-gradient(100deg, transparent 0 6px, rgba(255,255,255,0.45) 6px 7px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fespringrain-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fespringrain-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fespringrain-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fespringrain-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fespringrain-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesummerglare {
    background: radial-gradient(circle at 90% 20%, #ffffff 0 3px, rgba(255,255,255,0.6) 6px, transparent 16px), linear-gradient(180deg, var(--b), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fesummerglare-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fesummerglare-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fesummerglare-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fesummerglare-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesummerglare-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feautumnleaf {
    background: radial-gradient(ellipse 5px 4px at 10px 50%, #d9531e 0 80%, transparent 84%), radial-gradient(ellipse 5px 4px at calc(100% - 10px) 50%, #e8a21c 0 80%, transparent 84%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 3px 14px 3px 14px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); padding: 1px 20px;
}
.us-feautumnleaf-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feautumnleaf-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feautumnleaf-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feautumnleaf-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feautumnleaf-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fewinterfrost {
    background: linear-gradient(135deg, rgba(255,255,255,0.8) 0 12%, transparent 13%), linear-gradient(225deg, rgba(255,255,255,0.8) 0 12%, transparent 13%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--b) 60%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid #ffffff; border-radius: 8px; box-shadow: 0 0 6px color-mix(in srgb, var(--a) 40%, transparent), inset 0 0 8px #ffffff;
}
.us-fewinterfrost-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fewinterfrost-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fewinterfrost-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fewinterfrost-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fewinterfrost-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesnowdrift {
    background: radial-gradient(ellipse 22px 9px at 20% 100%, #ffffff 0 75%, transparent 80%), radial-gradient(ellipse 28px 11px at 70% 100%, #ffffff 0 75%, transparent 80%), linear-gradient(180deg, var(--a), color-mix(in srgb, var(--a) 60%, #000000)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 14px 6px;
}
.us-fesnowdrift-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesnowdrift-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesnowdrift-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesnowdrift-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesnowdrift-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fethunder {
    background: linear-gradient(115deg, transparent 38%, rgba(255,255,230,0.85) 42% 46%, transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #000000), color-mix(in srgb, var(--a) 30%, #000000)); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 8px;
}
.us-fethunder-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fethunder-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fethunder-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fethunder-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fethunder-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fefog {
    background: linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.85) 60%, rgba(255,255,255,0.1)), linear-gradient(90deg, color-mix(in srgb, var(--a) 40%, #ffffff), color-mix(in srgb, var(--b) 50%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px;
}
.us-fefog-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fefog-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fefog-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fefog-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fefog-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fesunshower {
    background: radial-gradient(circle at 14px 50%, #fff6a8 0 5px, rgba(255,230,120,0.6) 7px, transparent 10px), repeating-linear-gradient(100deg, transparent 0 7px, rgba(255,255,255,0.4) 7px 8px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px; padding: 1px 14px 1px 28px;
}
.us-fesunshower-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesunshower-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fesunshower-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fesunshower-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fesunshower-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fehailglass {
    background: radial-gradient(circle at 18% 28%, #ffffff 0 2px, rgba(255,255,255,0.4) 3px, transparent 4px), radial-gradient(circle at 52% 66%, #ffffff 0 2.4px, rgba(255,255,255,0.4) 3.4px, transparent 4.4px), radial-gradient(circle at 84% 30%, #ffffff 0 2px, rgba(255,255,255,0.4) 3px, transparent 4px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fehailglass-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fehailglass-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fehailglass-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fehailglass-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fehailglass-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fedewdawn {
    background: radial-gradient(ellipse 60% 100% at 50% 130%, color-mix(in srgb, var(--b) 90%, #ffffff), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--a) 40%, #ffffff), color-mix(in srgb, var(--b) 40%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 8px;
}
.us-fedewdawn-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fedewdawn-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fedewdawn-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fedewdawn-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fedewdawn-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feharvest {
    background: radial-gradient(circle at 88% 50%, #fff3c4 0 6px, rgba(255,230,150,0.5) 8px, transparent 11px), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #000000), color-mix(in srgb, var(--a) 30%, #000000)); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 8px; padding: 1px 28px 1px 12px;
}
.us-feharvest-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feharvest-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-feharvest-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feharvest-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feharvest-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feaurora {
    background: linear-gradient(110deg, transparent 10%, color-mix(in srgb, var(--b) 70%, transparent) 30%, transparent 50%, color-mix(in srgb, var(--a) 60%, transparent) 70%, transparent 90%), linear-gradient(180deg, #0a1b33, #16345a); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 8px;
}
.us-feaurora-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-feaurora-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feaurora-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feaurora-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feaurora-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fetwilight {
    background: linear-gradient(180deg, var(--a), color-mix(in srgb, var(--b) 80%, #ffffff) 60%, #ffe3b0); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fetwilight-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fetwilight-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fetwilight-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fetwilight-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fetwilight-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesandstorm {
    background: radial-gradient(circle, rgba(255,255,255,0.28) 0 0.8px, transparent 1.2px) 0 0 / 4px 4px, linear-gradient(180deg, color-mix(in srgb, var(--b) 70%, #ffffff), color-mix(in srgb, var(--a) 60%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 8px;
}
.us-fesandstorm-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fesandstorm-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesandstorm-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesandstorm-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesandstorm-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fetide {
    background: linear-gradient(180deg, color-mix(in srgb, var(--b) 40%, #ffffff) 0 55%, color-mix(in srgb, var(--a) 60%, #ffffff) 55%); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-bottom: 3px solid var(--a); border-radius: 6px;
}
.us-fetide-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fetide-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fetide-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fetide-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fetide-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fecherry {
    background: radial-gradient(circle at 12px 50%, #ffffff 0 1.4px, var(--a) 2px 6px, color-mix(in srgb, var(--a) 60%, #000000) 6.6px, transparent 7.2px) 0 0 / 26px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 28px;
}
.us-fecherry-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fecherry-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fecherry-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fecherry-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fecherry-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-felemon {
    background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,0.55) 0 14deg, transparent 14deg 30deg), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, #ffffff), var(--b)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 3px solid var(--a); border-radius: 999px; padding: 0 16px;
}
.us-felemon-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-felemon-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-felemon-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-felemon-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-felemon-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-felime {
    background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(255,255,255,0.5) 9px 10px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 3px solid color-mix(in srgb, var(--a) 70%, #000000); border-radius: 999px 999px 4px 4px / 100% 100% 4px 4px; padding: 2px 16px 0;
}
.us-felime-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-felime-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-felime-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-felime-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-felime-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fegrape {
    background: radial-gradient(circle at 8px 50%, var(--a) 0 4px, transparent 4.6px), radial-gradient(circle at 15px 30%, var(--a) 0 4px, transparent 4.6px), radial-gradient(circle at 15px 72%, var(--a) 0 4px, transparent 4.6px), radial-gradient(circle at 22px 50%, var(--a) 0 4px, transparent 4.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px; padding: 1px 14px 1px 34px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff);
}
.us-fegrape-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fegrape-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fegrape-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fegrape-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fegrape-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fekiwi {
    background: radial-gradient(circle at 50% 50%, #ffffff 0 14%, transparent 15%), repeating-conic-gradient(from 0deg at 50% 50%, var(--ink) 0 3deg, transparent 3deg 24deg), radial-gradient(ellipse, color-mix(in srgb, var(--b) 80%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 3px solid color-mix(in srgb, var(--a) 70%, #000000); border-radius: 999px; padding: 0 16px;
}
.us-fekiwi-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fekiwi-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fekiwi-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fekiwi-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fekiwi-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fepeach {
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.6), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--b) 90%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px 999px 999px 40% / 100% 100% 100% 70%;
}
.us-fepeach-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fepeach-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fepeach-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fepeach-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fepeach-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feberry {
    background: radial-gradient(circle at 18% 30%, #ffffff 0 2px, transparent 3px), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.4) 0 2px, transparent 3px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px; box-shadow: inset 0 -4px 6px rgba(0,0,0,0.2), 0 0 0 1px color-mix(in srgb, var(--a) 70%, #000000);
}
.us-feberry-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-feberry-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feberry-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feberry-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feberry-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fejellybean {
    background: linear-gradient(120deg, rgba(255,255,255,0.7) 0 18%, transparent 19%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px / 70%; transform: rotate(-3deg); display: inline-block; box-shadow: inset 0 -3px 5px rgba(0,0,0,0.2);
}
.us-fejellybean-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fejellybean-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fejellybean-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fejellybean-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fejellybean-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesprinkle {
    background: linear-gradient(60deg, #ff4a6e 0 4px, transparent 4px) 6px 5px / 18px 10px, linear-gradient(120deg, #4ac1ff 0 4px, transparent 4px) 14px 11px / 18px 14px, linear-gradient(10deg, #ffd23f 0 4px, transparent 4px) 4px 12px / 22px 14px, linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, #ffffff), var(--b)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 10px;
}
.us-fesprinkle-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fesprinkle-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesprinkle-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesprinkle-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesprinkle-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fecaramel {
    background: repeating-linear-gradient(160deg, color-mix(in srgb, var(--a) 70%, #000000) 0 3px, var(--a) 3px 9px), linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 8px;
}
.us-fecaramel-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fecaramel-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fecaramel-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fecaramel-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fecaramel-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fesoda {
    background: radial-gradient(circle at 12% 70%, rgba(255,255,255,0.7) 0 1.4px, transparent 2.2px), radial-gradient(circle at 34% 34%, rgba(255,255,255,0.7) 0 1.6px, transparent 2.4px), radial-gradient(circle at 60% 76%, rgba(255,255,255,0.7) 0 1.2px, transparent 2px), radial-gradient(circle at 86% 40%, rgba(255,255,255,0.7) 0 1.6px, transparent 2.4px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px 6px 14px 14px;
}
.us-fesoda-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesoda-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesoda-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesoda-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fesoda-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fegummy {
    background: linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0) 50%), repeating-linear-gradient(90deg, var(--a) 0 14px, color-mix(in srgb, var(--a) 70%, #000000) 14px 15px); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35);
}
.us-fegummy-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fegummy-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fegummy-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fegummy-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fegummy-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fecandycane {
    background: repeating-linear-gradient(135deg, var(--a) 0 6px, #ffffff 6px 12px); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px; box-shadow: inset 0 3px 4px rgba(255,255,255,0.7), inset 0 -3px 4px rgba(0,0,0,0.15); background-color: #fff; text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff;
}
.us-fecandycane-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fecandycane-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fecandycane-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fecandycane-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fecandycane-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fetaffy {
    background: repeating-linear-gradient(80deg, var(--a) 0 6px, var(--b) 6px 12px); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px / 70%; text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff; padding: 1px 18px;
}
.us-fetaffy-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fetaffy-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fetaffy-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fetaffy-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fetaffy-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-femarsh {
    background: radial-gradient(ellipse at 50% 0, #ffffff, color-mix(in srgb, var(--b) 30%, #f6f6f6)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 10px; box-shadow: 0 3px 5px color-mix(in srgb, var(--a) 30%, transparent), inset 0 -3px 5px rgba(0,0,0,0.08);
}
.us-femarsh-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-femarsh-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-femarsh-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-femarsh-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-femarsh-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fecircuit {
    background: linear-gradient(90deg, transparent 0 8px, color-mix(in srgb, var(--a) 60%, transparent) 8px 9px, transparent 9px 18px) 0 40% / 100% 1px repeat-x, radial-gradient(circle at 10px 40%, var(--a) 0 2px, transparent 2.6px), radial-gradient(circle at calc(100% - 10px) 60%, var(--a) 0 2px, transparent 2.6px), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 6px;
}
.us-fecircuit-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fecircuit-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fecircuit-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fecircuit-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fecircuit-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fechip {
    background: repeating-linear-gradient(90deg, #aab4be 0 2px, transparent 2px 5px) 0 0 / 100% 3px no-repeat, repeating-linear-gradient(90deg, #aab4be 0 2px, transparent 2px 5px) 0 100% / 100% 3px no-repeat, linear-gradient(180deg, #3a4654, #1e2630); color: #d9f0ff; text-shadow: 0 0 4px var(--a); border-radius: 3px; padding: 4px 12px;
}
.us-fechip-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fechip-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fechip-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fechip-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fechip-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fedrive {
    background: linear-gradient(180deg, #f3f6f9, #cfd7df); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid #9aa6b2; border-radius: 3px; box-shadow: inset 0 -5px 0 -3px var(--a), inset 0 1px 0 #ffffff;
}
.us-fedrive-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fedrive-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fedrive-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedrive-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fedrive-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feusb {
    background: linear-gradient(90deg, #cfd7df 0 14px, transparent 14px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 3px 8px 8px 3px; padding: 1px 12px 1px 22px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.us-feusb-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feusb-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feusb-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feusb-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feusb-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesd {
    background: linear-gradient(135deg, transparent 0 8px, transparent 8px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); clip-path: polygon(0 0, calc(100% - 0.6em) 0, 100% 0.6em, 100% 100%, 0 100%); border-radius: 0; padding: 1px 14px;
}
.us-fesd-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesd-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesd-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesd-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesd-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feled {
    background: radial-gradient(circle at 8px 50%, #aaffc9 0 1.6px, #3cff8a 2.4px, transparent 4px), radial-gradient(circle at 18px 50%, #aaffc9 0 1.6px, #3cff8a 2.4px, transparent 4px), radial-gradient(circle at 28px 50%, #ffd9aa 0 1.6px, #ff9a3c 2.4px, transparent 4px), linear-gradient(180deg, #2b3440, #151b22); color: #d9f0ff; border-radius: 4px; padding: 1px 12px 1px 38px;
}
.us-feled-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feled-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feled-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feled-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feled-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feantenna {
    background: repeating-radial-gradient(circle at 10px 50%, transparent 0 4px, color-mix(in srgb, var(--a) 60%, transparent) 4px 5px) 0 0 / 40px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 999px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); padding: 1px 14px 1px 30px;
}
.us-feantenna-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feantenna-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feantenna-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feantenna-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feantenna-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fewifi {
    background: repeating-radial-gradient(circle at 14px 100%, transparent 0 4px, var(--a) 4px 6px, transparent 6px 8px) 0 0 / 28px 100% no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 8px; border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); padding: 1px 14px 1px 30px;
}
.us-fewifi-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fewifi-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fewifi-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fewifi-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fewifi-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fefiber {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--b) 90%, #ffffff) 50%, transparent) 0 30% / 100% 2px no-repeat, linear-gradient(90deg, transparent, var(--a) 50%, transparent) 0 55% / 100% 2px no-repeat, linear-gradient(90deg, transparent, #ffffff 50%, transparent) 0 78% / 100% 2px no-repeat, linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #000000), color-mix(in srgb, var(--a) 35%, #000000)); color: #ffffff; text-shadow: 0 1px 2px #000000; border-radius: 6px;
}
.us-fefiber-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fefiber-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fefiber-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fefiber-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fefiber-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fecable {
    background: repeating-linear-gradient(45deg, rgba(0,0,0,0.25) 0 2px, transparent 2px 5px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.3) 0 2px, transparent 2px 5px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 999px;
}
.us-fecable-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fecable-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fecable-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fecable-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fecable-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fekeys {
    background: linear-gradient(180deg, #ffffff, #dfe6ee); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid #9aa6b2; border-radius: 4px; box-shadow: 0 2px 0 #9aa6b2, inset 0 0 0 1px #ffffff; margin-bottom: 3px; font-family: ui-monospace, Menlo, monospace;
}
.us-fekeys-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fekeys-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fekeys-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fekeys-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fekeys-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fetouch {
    background: radial-gradient(ellipse at 50% 0, rgba(255,255,255,0.8), transparent 70%), linear-gradient(180deg, #eef2f6, #cfd7df); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid #9aa6b2; border-radius: 10px; box-shadow: inset 0 0 0 1px #ffffff, 0 2px 3px rgba(0,0,0,0.2);
}
.us-fetouch-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fetouch-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fetouch-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fetouch-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fetouch-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feplay {
    background: linear-gradient(90deg, transparent 0 8px, var(--a) 8px 9px) 6px 50% / 9px 9px no-repeat, linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 20%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 999px; padding: 1px 14px 1px 26px;
}
.us-feplay-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feplay-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feplay-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feplay-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feplay-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feeq {
    background: linear-gradient(var(--a), var(--a)) 6px 100% / 3px 40% no-repeat, linear-gradient(var(--b), var(--b)) 11px 100% / 3px 70% no-repeat, linear-gradient(var(--a), var(--a)) 16px 100% / 3px 55% no-repeat, linear-gradient(var(--b), var(--b)) 21px 100% / 3px 85% no-repeat, linear-gradient(180deg, #19222c, #0d141b); color: #d9f0ff; border-radius: 4px; padding: 1px 12px 1px 32px;
}
.us-feeq-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feeq-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feeq-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feeq-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feeq-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fescanner {
    background: linear-gradient(180deg, transparent 44%, color-mix(in srgb, var(--a) 90%, #ffffff) 46% 54%, transparent 56%), linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 40%, #ffffff); border-radius: 4px; box-shadow: 0 0 6px color-mix(in srgb, var(--a) 40%, transparent) inset;
}
.us-fescanner-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fescanner-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fescanner-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fescanner-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fescanner-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feframeglass {
    background: rgba(255,255,255,0.35); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 3px solid rgba(255,255,255,0.85); border-radius: 10px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--a) 60%, #000000), inset 0 0 0 1px color-mix(in srgb, var(--a) 50%, transparent); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.us-feframeglass-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feframeglass-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feframeglass-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feframeglass-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feframeglass-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feticketaero {
    background: radial-gradient(circle at 0 50%, transparent 0 5px, #ffffff 5.5px) left / 51% 100% no-repeat, radial-gradient(circle at 100% 50%, transparent 0 5px, #ffffff 5.5px) right / 51% 100% no-repeat; color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 0; padding: 1px 14px; filter: drop-shadow(0 1px 2px color-mix(in srgb, var(--a) 50%, transparent));
}
.us-feticketaero-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feticketaero-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feticketaero-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feticketaero-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feticketaero-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-felabelgel {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--b) 60%, #ffffff), var(--b)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, var(--a) 50%, #ffffff); border-radius: 3px 10px 10px 3px;
}
.us-felabelgel-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-felabelgel-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-felabelgel-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-felabelgel-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-felabelgel-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fecorners {
    background: linear-gradient(135deg, rgba(255,255,255,0.85) 0 10px, transparent 10px), linear-gradient(-45deg, rgba(255,255,255,0.85) 0 10px, transparent 10px), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px;
}
.us-fecorners-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fecorners-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fecorners-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fecorners-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fecorners-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fenotch {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); clip-path: polygon(0 0, calc(50% - 8px) 0, 50% 7px, calc(50% + 8px) 0, 100% 0, 100% 100%, 0 100%); border-radius: 0; padding: 6px 14px 1px;
}
.us-fenotch-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fenotch-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fenotch-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fenotch-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fenotch-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fecapsulebar {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.25) 48%, rgba(255,255,255,0) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 999px; padding: 1px 22px; box-shadow: 0 0 0 3px rgba(255,255,255,0.6), 0 0 0 4px color-mix(in srgb, var(--a) 40%, transparent);
}
.us-fecapsulebar-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fecapsulebar-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fecapsulebar-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fecapsulebar-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fecapsulebar-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedoublebar {
    background: linear-gradient(180deg, var(--a) 0 40%, #ffffff 40% 60%, var(--b) 60%); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border-radius: 3px; text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff;
}
.us-fedoublebar-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fedoublebar-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fedoublebar-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fedoublebar-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedoublebar-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fearcade {
    background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--a) 18%, #ffffff)); color: var(--ink); text-shadow: 0 1px 0 rgba(255,255,255,0.75); border: 2px solid var(--a); border-radius: 999px 999px 4px 4px / 80% 80% 4px 4px; padding: 3px 16px 1px;
}
.us-fearcade-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fearcade-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fearcade-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fearcade-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fearcade-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesheen {
    background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,0.7) 38%, transparent 54%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border: 1px solid color-mix(in srgb, var(--a) 62%, #000000); border-radius: 6px;
}
.us-fesheen-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fesheen-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fesheen-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesheen-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesheen-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fehalfmoon {
    background: radial-gradient(ellipse 100% 90% at 50% 0, rgba(255,255,255,0.75), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--a) 62%, #ffffff), var(--a)); color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.55); border-radius: 6px 6px 999px 999px / 6px 6px 70% 70%; padding: 1px 16px 4px;
}
.us-fehalfmoon-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fehalfmoon-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fehalfmoon-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fehalfmoon-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fehalfmoon-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feaquatext {
    background: linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, #ffffff), var(--a) 50%, color-mix(in srgb, var(--a) 70%, #000000) 50%, var(--a)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(0 1px 0 rgba(255,255,255,0.8)); padding: 0 2px;
}
.us-feaquatext-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feaquatext-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feaquatext-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feaquatext-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feaquatext-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fechromeink {
    background: linear-gradient(180deg, #ffffff 0 42%, #9aa6b2 42% 60%, #e4eaf0 60%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.5)); padding: 0 2px;
}
.us-fechromeink-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fechromeink-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fechromeink-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fechromeink-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fechromeink-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feglowink {
    background: none; color: #ffffff; text-shadow: 0 0 3px var(--a), 0 0 8px var(--a), 0 0 16px var(--b); font-weight: 900; border-radius: 0; background-color: color-mix(in srgb, var(--ink) 85%, #000000); border-radius: 6px; padding: 1px 10px;
}
.us-feglowink-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feglowink-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feglowink-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feglowink-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feglowink-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fegelink {
    background: none; color: var(--a); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 0 2px 0 color-mix(in srgb, var(--a) 60%, #000000), 0 3px 3px rgba(0,0,0,0.3);
}
.us-fegelink-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fegelink-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fegelink-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fegelink-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fegelink-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fewetink {
    background: none; color: var(--ink); font-weight: 900; text-shadow: 0 1px 0 #ffffff, 0 3px 4px color-mix(in srgb, var(--a) 50%, transparent); border-bottom: 2px solid color-mix(in srgb, var(--a) 40%, transparent); border-radius: 0 0 50% 50% / 0 0 6px 6px;
}
.us-fewetink-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fewetink-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fewetink-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fewetink-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fewetink-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fefoilink {
    background: linear-gradient(100deg, var(--a), var(--b) 25%, #ffffff 40%, var(--b) 55%, var(--a) 80%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(0 1px 0 rgba(0,0,0,0.35)); padding: 0 2px;
}
.us-fefoilink-1 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fefoilink-2 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fefoilink-3 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fefoilink-4 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fefoilink-5 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feneoninkaero {
    background: none; color: #ffffff; text-shadow: 0 0 2px #ffffff, 0 0 6px var(--b), 0 0 12px var(--a), 0 0 20px var(--a); font-weight: 800;
}
.us-feneoninkaero-1 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-feneoninkaero-2 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feneoninkaero-3 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-feneoninkaero-4 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feneoninkaero-5 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fedripink {
    background: radial-gradient(ellipse 2px 5px at 18% 100%, var(--a) 0 80%, transparent 90%), radial-gradient(ellipse 2px 6px at 56% 100%, var(--a) 0 80%, transparent 90%), radial-gradient(ellipse 2px 4px at 84% 100%, var(--a) 0 80%, transparent 90%); color: var(--a); font-weight: 900; padding: 0 4px 6px; border-radius: 0;
}
.us-fedripink-1 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-fedripink-2 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fedripink-3 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fedripink-4 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fedripink-5 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fefrostink {
    background: none; color: rgba(255,255,255,0.9); -webkit-text-stroke: 1px color-mix(in srgb, var(--a) 70%, #000000); text-shadow: 0 0 6px var(--a); font-weight: 900; background-color: color-mix(in srgb, var(--a) 40%, transparent); border-radius: 6px; padding: 0 8px;
}
.us-fefrostink-1 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
.us-fefrostink-2 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-fefrostink-3 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fefrostink-4 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fefrostink-5 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feshineink {
    background: linear-gradient(100deg, var(--a) 40%, #ffffff 50%, var(--a) 60%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px;
}
.us-feshineink-1 { --a: #6a7b8d; --b: #cdd6df; --ink: #1e2a37; }
.us-feshineink-2 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-feshineink-3 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feshineink-4 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feshineink-5 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fesplitink {
    background: linear-gradient(180deg, var(--a) 50%, var(--b) 50%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; padding: 0 2px; filter: drop-shadow(0 1px 0 rgba(0,0,0,0.25));
}
.us-fesplitink-1 { --a: #5aa9ff; --b: #bfe0ff; --ink: #0c3a78; }
.us-fesplitink-2 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-fesplitink-3 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-fesplitink-4 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fesplitink-5 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feoutlineink {
    background: none; color: var(--ink); -webkit-text-stroke: 1px var(--a); paint-order: stroke fill; font-weight: 900; text-shadow: 0 1px 0 #ffffff;
}
.us-feoutlineink-1 { --a: #2fd4a0; --b: #b8fbe3; --ink: #07503a; }
.us-feoutlineink-2 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feoutlineink-3 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feoutlineink-4 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feoutlineink-5 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feblurink {
    background: none; color: var(--ink); font-weight: 900; text-shadow: 0 0 8px var(--b), 0 0 4px var(--b);
}
.us-feblurink-1 { --a: #ffc21a; --b: #fff0a3; --ink: #5c4300; }
.us-feblurink-2 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-feblurink-3 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feblurink-4 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feblurink-5 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fehaloink {
    background: radial-gradient(ellipse 80% 90% at 50% 50%, color-mix(in srgb, var(--b) 70%, transparent), transparent 75%); color: var(--ink); font-weight: 900; padding: 0 8px; border-radius: 999px;
}
.us-fehaloink-1 { --a: #ff6fa8; --b: #ffc4dc; --ink: #5c1236; }
.us-fehaloink-2 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-fehaloink-3 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-fehaloink-4 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-fehaloink-5 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feglassink {
    background: linear-gradient(180deg, rgba(255,255,255,0.8) 0 46%, rgba(255,255,255,0.1) 50%), linear-gradient(180deg, color-mix(in srgb, var(--a) 60%, transparent), color-mix(in srgb, var(--a) 90%, transparent)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; font-weight: 900; filter: drop-shadow(0 1px 1px color-mix(in srgb, var(--a) 70%, #000000)); padding: 0 2px;
}
.us-feglassink-1 { --a: #1470c8; --b: #6bc0f5; --ink: #06284d; }
.us-feglassink-2 { --a: #1aa6e8; --b: #8be8ff; --ink: #07405f; }
.us-feglassink-3 { --a: #58c216; --b: #d2f56a; --ink: #1c4a06; }
.us-feglassink-4 { --a: #ff8a1a; --b: #ffd36b; --ink: #5a2a00; }
.us-feglassink-5 { --a: #8450e0; --b: #e0c8ff; --ink: #2c1466; }
@keyframes us-fd-pulse { from { transform: scale(0.92); opacity: 0.7; } to { transform: scale(1.12, 1.5); opacity: 0; } }
/* --- end of Unique Chip Styles (generated: keep hand-written CSS outside this block!) --- */


/* --- Flashcard, Focus Timer + Dice Roller skills: glossy Aero chips! --- */
.fl-chip, .pm-chip, .dc-chip {
    display: inline-flex; align-items: center; gap: 6px; vertical-align: middle; margin: 0 2px;
    font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 800; white-space: nowrap;
    cursor: pointer; user-select: none; position: relative;
}
.fl-chip span, .pm-chip span, .dc-chip span { pointer-events: none; }
/* Flashcard: a glossy index card that flips in 3D! */
.fl-chip { display: inline-grid; perspective: 400px; }
.fl-face {
    grid-area: 1 / 1; padding: 2px 12px; border-radius: 8px; backface-visibility: hidden;
    transition: transform 0.45s cubic-bezier(0.3, 1.3, 0.5, 1); box-shadow: 0 2px 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.8);
}
.fl-front {
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.3) 48%, transparent 50%), linear-gradient(180deg, #ffffff, #e8f0fb) ;
    background-color: #ffffff; color: #1e3a8a; border: 1px solid #93c5fd;
    background-image: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0) 50%), repeating-linear-gradient(180deg, transparent 0 7px, rgba(59,130,246,0.18) 7px 8px);
}
.fl-front::before { content: 'Q '; color: #ef4444; }
.fl-back {
    transform: rotateY(180deg); color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.4); border: 1px solid #6d28d9;
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.15) 48%, transparent 50%), linear-gradient(180deg, #a855f7, #6d28d9);
}
.fl-back::before { content: 'A '; color: #fde68a; }
.fl-chip.fl-flipped .fl-front { transform: rotateY(-180deg); }
.fl-chip.fl-flipped .fl-back { transform: rotateY(0deg); }
/* Focus Timer: a gel pill with a draining progress ring! */
.pm-chip {
    padding: 2px 4px 2px 3px; border-radius: 999px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.45);
    background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.2) 48%, transparent 50%), linear-gradient(180deg, #34d399, #059669);
    border: 1px solid #047857; box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.pm-chip-ring {
    --pm-left: 1; flex: none; width: 16px; height: 16px; border-radius: 50%;
    background: radial-gradient(circle, #ffffff 0 4px, transparent 4.5px), conic-gradient(#ffffff calc(var(--pm-left) * 360deg), rgba(255,255,255,0.3) 0);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}
.pm-chip-count { padding: 0 7px; border-radius: 999px; background: rgba(0,0,0,0.28); box-shadow: inset 0 1px 2px rgba(0,0,0,0.35); font-variant-numeric: tabular-nums; }
.pm-chip[data-pm-state="run"] { background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.2) 48%, transparent 50%), linear-gradient(180deg, #60a5fa, #2563eb); border-color: #1d4ed8; }
.pm-chip[data-pm-state="done"] { background: linear-gradient(180deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.2) 48%, transparent 50%), linear-gradient(180deg, #fbbf24, #ea580c); border-color: #c2410c; animation: pm-done 1s ease-in-out infinite; }
@keyframes pm-done { 0%, 100% { box-shadow: 0 2px 4px rgba(0,0,0,0.25); } 50% { box-shadow: 0 0 0 4px rgba(251,191,36,0.45), 0 2px 4px rgba(0,0,0,0.25); } }
/* Dice Roller: a glossy red die + a result window! */
.dc-chip {
    padding: 2px 3px 2px 3px; border-radius: 8px; color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.45);
    background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.15) 48%, transparent 50%), linear-gradient(180deg, #475569, #1e293b);
    border: 1px solid #0f172a; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.dc-chip-die {
    flex: none; width: 15px; height: 15px; border-radius: 4px;
    background: radial-gradient(circle at 30% 30%, #ffffff 0 1.3px, transparent 1.8px), radial-gradient(circle at 50% 50%, #ffffff 0 1.3px, transparent 1.8px), radial-gradient(circle at 70% 70%, #ffffff 0 1.3px, transparent 1.8px),
        linear-gradient(180deg, rgba(255,255,255,0.55), transparent 50%), linear-gradient(135deg, #f87171, #b91c1c);
    box-shadow: inset 0 -1px 2px rgba(0,0,0,0.35), 0 1px 1px rgba(0,0,0,0.3);
}
.dc-chip-label { opacity: 0.85; font-size: 11px; }
.dc-chip-result { min-width: 18px; padding: 0 7px; text-align: center; border-radius: 5px; background: #ffffff; color: #0f172a; text-shadow: none; box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); font-variant-numeric: tabular-nums; }
.dc-chip.dc-max .dc-chip-result { background: linear-gradient(180deg, #fef08a, #facc15); color: #713f12; }
.dc-chip.dc-min .dc-chip-result { background: linear-gradient(180deg, #fecaca, #f87171); color: #7f1d1d; }
.dc-chip.dc-rolling .dc-chip-die { animation: dc-tumble 0.45s ease-out; }
@keyframes dc-tumble { 0% { transform: rotate(0) scale(1); } 50% { transform: rotate(200deg) scale(1.25); } 100% { transform: rotate(360deg) scale(1); } }
@media (prefers-reduced-motion: reduce) {
    .fl-face { transition: none; }
    .pm-chip[data-pm-state="done"], .dc-chip.dc-rolling .dc-chip-die { animation: none; }
}

/* --- Jumper skill: zero-width markers + custom scrollbar! --- */
.canvas-scrollbox { position: relative; overflow-x: clip !important; }
/* Hide the native scroller — the purple rail replaces it! */
.canvas-scrollbox, #wysiwyg-canvas { scrollbar-width: none !important; -ms-overflow-style: none !important; }
.canvas-scrollbox::-webkit-scrollbar, #wysiwyg-canvas::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; }
#wysiwyg-canvas {
    position: relative;
    z-index: 2;
}
/* Jumper gutter: overlays the canvas, IN FRONT of the text! */
#doc-jumper-gutter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 30;
    pointer-events: none;
    overflow: visible;
}
.doc-gutter-chip {
    position: absolute;
    /* left is set per-chip in JS so it hugs its own jumper! */
    /* top is set per-chip in JS to its line's middle: translateY(-50%) centers it there! */
    transform: translateY(-50%) scale(0.85);
    transform-origin: left center;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: 90px;
    overflow: hidden;
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border: 1px solid #a855f7;
    border-radius: 999px;
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 800;
    padding: 2px 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
    box-shadow: 0 4px 12px rgba(147,51,234,0.45), inset 0 1px 1px rgba(255,255,255,0.5);
    z-index: 30;
}
/* The rail: fixed to the viewport edge, tucked BEHIND the right sidebar! */
#doc-jumper-rail {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 218px;
    width: 26px;
    z-index: 40;
    background: linear-gradient(180deg, rgba(250,245,255,0.9) 0%, rgba(233,213,255,0.9) 100%);
    border-left: 1px solid rgba(192,132,252,0.6);
    box-shadow: inset 0 1px 2px #fff, 4px 0 14px rgba(147,51,234,0.15);
    cursor: pointer;
    touch-action: none;
}
body.format-collapsed #doc-jumper-rail { right: 0; }
#doc-jumper-rail-track {
    position: absolute;
    left: 50%;
    top: 10px;
    bottom: 10px;
    width: 6px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: rgba(192,132,252,0.3);
    box-shadow: inset 0 1px 3px rgba(88,28,135,0.3);
}
#doc-jumper-rail-thumb {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    min-height: 28px;
    border-radius: 999px;
    background: linear-gradient(180deg, #e9d5ff 0%, #c084fc 50%, #9333ea 100%);
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(147,51,234,0.5), inset 0 1px 1px #fff;
    cursor: grab;
    touch-action: none;
    z-index: 3;
}
#doc-jumper-rail-thumb:active { cursor: grabbing; }
.doc-jumper-dot {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(147,51,234,0.5), inset 0 1px 1px rgba(255,255,255,0.7);
    cursor: pointer;
    padding: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    z-index: 2;
}
.doc-jumper-dot:hover, .doc-jumper-dot:focus-visible {
    transform: translateX(-50%) scale(1.35);
    box-shadow: 0 3px 10px rgba(147,51,234,0.65), inset 0 1px 1px #fff;
    outline: none;
}
/* Inline anchor: ZERO-width marker floating BEHIND the text! */
.jumper-anchor {
    position: absolute !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    vertical-align: baseline;
    z-index: 0;
    pointer-events: none;
    user-select: none;
}
.jumper-anchor::after {
    content: none !important;
}
.jumper-line-chip { display: none !important; }
.jumper-flash {
    animation: jumper-flash-ring 1.1s ease;
    border-radius: 8px;
}
@keyframes jumper-flash-ring {
    0% { background: rgba(217,70,239,0.35); box-shadow: 0 0 0 3px rgba(217,70,239,0.55); }
    100% { background: transparent; box-shadow: 0 0 0 0 rgba(217,70,239,0); }
}

/* --- Resizable inserted images (drag the corner!) --- */
#wysiwyg-canvas .img-resize {
    display: inline-block;
    vertical-align: middle;
    resize: horizontal;
    overflow: hidden;
    min-width: 24px;
    max-width: 100%;
}
#wysiwyg-canvas .img-resize img { display: block; width: 100%; height: auto; }

/* --- Extension utility dock (sidebar footer) --- */
.sidebar-util-dock { display: flex; flex-direction: column; gap: 6px; }
.sidebar-util-dock:empty { display: none; }
.sidebar-util-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    color: #e0f2fe;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 800;
    font-family: 'JetBrains Mono', monospace;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-util-btn:hover {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #7dd3fc;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(2,132,199,0.35), inset 0 1px 2px #fff;
}

/* --- Chart Navigation Buttons (Top Ribbon) --- */
.chart-nav-btn {
    background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);
    border: 1px solid #7dd3fc;
    border-radius: 6px;
    width: 24px;
    height: 22px;
    color: #0284c7;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
    transition: transform 0.05s ease;
}

.chart-nav-btn:active {
    transform: scale(0.92);
}

/* --- Custom Color Picker Wrapper Button --- */
.custom-picker-wrapper {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f0f9ff 0%, #bae6fd 100%);
    border: 1px solid #7dd3fc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0284c7;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.1s ease;
}

.custom-picker-wrapper:hover {
    transform: scale(1.15);
}

/* --- Frutiger Aero Toolbar Ribbon Makeover --- */
.sheets-toolbar, .aero-format-ribbon {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(200, 230, 255, 0.65) 100%);
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    padding: 10px 16px;
    box-shadow: 0 8px 25px rgba(14, 165, 233, 0.2), inset 0 1px 2px #fff;
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* --- Glossy Aero Dropdowns --- */
.sheets-toolbar select, .aero-format-ribbon select {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.8) 100%);
    border: 1px solid rgba(125, 211, 252, 0.8);
    border-radius: 8px;
    padding: 6px 10px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    color: #0369a1;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05), inset 0 1px 1px #fff;
    outline: none;
    transition: all 0.2s ease;
}

.sheets-toolbar select:hover, .aero-format-ribbon select:hover {
    background: linear-gradient(180deg, #ffffff 0%, #bae6fd 100%);
    border-color: #38bdf8;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}
/* --- Force Toolbar Buttons to Light Blue Glass --- */
.sheets-toolbar .style-tool-btn,
.sheets-toolbar .custom-picker-wrapper,
.sheets-toolbar button {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.85) 100%) !important;
    border: 1px solid #7dd3fc !important;
    border-radius: 8px !important;
    color: #0369a1 !important;
    box-shadow: 0 2px 5px rgba(14, 165, 233, 0.15), inset 0 1px 1px #fff !important;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

.sheets-toolbar .style-tool-btn:hover,
.sheets-toolbar button:hover {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%) !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* --- Perfect Spacing & Canvas Margin Fix --- */
.sheets-toolbar {
    margin: 0 auto 15px auto !important;
    flex-shrink: 0 !important;
}

#spreadsheet-container {
    margin-top: 5px !important;
    flex: 1 !important;
    min-height: 0 !important;
}

/* --- Frutiger Aero Formatting Ribbon & Controls --- */
#top-format-bar.aero-format-ribbon {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(200, 230, 255, 0.7) 100%);
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 8px 14px;
    margin: 0 auto 15px auto;
    box-shadow: 0 8px 25px rgba(14, 165, 233, 0.2), inset 0 1px 2px #fff;
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    max-width: 900px; /* Aligns nicely with your canvas width */
    transition: background-color 0.35s ease, border-color 0.35s ease, max-width 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
}

/* --- Style the Dropdowns and Pickers Inside the Bar --- */
#top-format-bar .format-control,
#top-format-bar .color-picker-label {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.85) 100%) !important;
    border: 1px solid #7dd3fc !important;
    border-radius: 8px !important;
    color: #0369a1 !important;
    padding: 6px 10px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    box-shadow: 0 2px 5px rgba(14, 165, 233, 0.15), inset 0 1px 1px #fff !important;
    cursor: pointer;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

#top-format-bar .format-control:hover,
#top-format-bar .color-picker-label:hover {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%) !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
    transition: background-color 0.35s ease, border-color 0.35s ease;
}

/* --- Canvas Top Margin and Scaling Fix --- */
#wysiwyg-canvas {
    margin-top: 0 !important; /* Prevents pushing the canvas down too far */
    flex: 1 0 auto !important; /* Fills short pages, extends with long ones, never squishes! */
}

/* Ensure the workspace viewport wrapper serves as the exact reference box for absolute positioning */
.workspace-viewport-wrapper {
    position: relative !important;
}

/* Give the floating Aero bars a clean positioning reset */
.aero-floating-bar {
    position: absolute !important;
    z-index: 1000;
    /* Prevents unwanted CSS transitions from lagging the pop-up location */
    transition: opacity 0.15s ease !important; 
}

#aero-selection-toolbar {
    position: absolute !important;
    display: none; /* Controlled dynamically by JS */
    z-index: 1000;
}

#aero-block-toolbar {
    position: absolute !important;
    display: none; /* Controlled dynamically by JS */
    z-index: 1000;
}

/* ========================================================
   PRINT & PAGE-SIZE EXPORT STYLESHEET OVERRIDES
   ======================================================== */
@media print {
    /* CRITICAL FIX: Zeroing page margins forces the browser to hide auto-generated corner stamps */
    @page {
        size: letter;
        margin: 0; 
    }

    /* Force browsers to print all gradients and colors exactly */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Hide all app chrome, sidebars, floating toolbars, and ribbons */
    #sidebar, 
    #aero-selection-toolbar, 
    #aero-block-toolbar, 
    #top-format-bar,
    .latch-toggle-strip,
    .ambient-droplet {
        display: none !important;
    }

    /* Strip background wrappers and force pure print canvas surface */
    body, html {
        background: #ffffff !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* Handle safe inner margins here since @page margin is zeroed out */
    .workspace-viewport-wrapper {
        padding: 0.5in !important; 
        margin: 0 !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        background: #ffffff !important;
        overflow: visible !important;
    }

    /* Format the canvas to look like a crisp physical page */
    #wysiwyg-canvas {
        border: none !important;
        box-shadow: none !important;
        background: #ffffff !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        font-size: 11pt !important;
        color: #000000 !important;
    }

    /* The inner scroller must never clip paper output! */
    .canvas-scrollbox {
        overflow: visible !important;
        height: auto !important;
        display: block !important;
    }

    /* Let gradients and transparency print faithfully — never flatten!
       (The exact color-adjust above forces background rendering!) */

    /* Freeze mid-animation states so prints never catch a half-faded frame! */
    * {
        animation: none !important;
        transition: none !important;
    }

    /* Floating ambient orbs would scatter randomly on paper — hide them! */
    .aero-box-orb {
        display: none !important;
    }

    /* Print engines drop backdrop-blur, so frosted glass gets paper solids!
       (Borders and text stay authored, so hue coding survives!) */
    #wysiwyg-canvas .aero-glass-block,
    #wysiwyg-canvas .aero-glass-panel,
    #wysiwyg-canvas .aero-glass-badge-chip,
    #wysiwyg-canvas .megachip-glass-bracket,
    #wysiwyg-canvas .gel-chip-aurorawave,
    #wysiwyg-canvas .effect-prism-refract,
    #wysiwyg-canvas .effect-drop-shadow-window,
    #wysiwyg-canvas .jr-chip-weather,
    #wysiwyg-canvas .mkt-kp-frost {
        background: #eef4fb !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    #wysiwyg-canvas .panel-sky { background: #e0f2fe !important; }
    #wysiwyg-canvas .panel-emerald { background: #d1fae5 !important; }
    #wysiwyg-canvas .panel-amber { background: #fef3c7 !important; }
    #wysiwyg-canvas .panel-crimson { background: #fee2e2 !important; }

}

/* =========================================================
                            FONTS
   ========================================================= */



@font-face {
    font-family: 'Fairfax HD';
    src: url('/fonts/FairfaxHD.ttf') format('truetype');
}

@font-face {
    font-family: 'Unifont';
    src: url('/fonts/unifont-17.0.05.otf') format('opentype');
}

@font-face {
    font-family: 'Iosevka';
    src: url('/fonts/Iosevka-Term-Medium-01.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('/fonts/OpenDyslexic-Regular.otf') format('opentype');
}

/* ========================================================
   RIGHT FORMAT CONTROLS SIDEBAR
   ======================================================== */
.format-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 230px;
    background: linear-gradient(270deg, rgba(30, 41, 59, 0.78) 0%, rgba(51, 65, 85, 0.65) 100%);
    backdrop-filter: blur(20px);
    border-left: 2px solid rgba(255,255,255,0.2);
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 25px 15px;
    z-index: 50;
    box-shadow: -5px 0 25px rgba(0,0,0,0.15);
    overflow-y: auto;
    transition: transform 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
}

body.format-collapsed #format-sidebar {
    transform: translateX(100%);
}

/* Focus stays for keyboard users, but never draws a "selected" ring! */
#format-sidebar:focus {
    outline: none;
}

/* Collapse latch — fixed so it stays reachable when collapsed! */
.format-latch-toggle-strip {
    position: fixed;
    top: 50%;
    right: 230px;
    width: 24px;
    height: 60px;
    transform: translateY(-50%);
    background: linear-gradient(270deg, rgba(30, 41, 59, 0.7) 0%, rgba(51, 65, 85, 0.55) 100%);
    border: 2px solid rgba(255,255,255,0.2);
    border-right: none;
    border-radius: 8px 0 0 8px;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    box-shadow: -4px 0 10px rgba(0,0,0,0.1);
    z-index: 60;
    transition: right 0.3s cubic-bezier(0.1, 0.9, 0.2, 1);
    user-select: none;
    -webkit-user-select: none;
}

.format-latch-toggle-strip svg {
    transition: transform 0.25s ease;
}

body.format-collapsed #format-toggle-zone {
    right: 0;
}

body.format-collapsed #format-toggle-zone svg {
    transform: rotate(180deg);
}

.format-brand h2 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;
    text-shadow: 0 0 10px rgba(56,189,248,0.6);
    padding-left: 10px;
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace;
}

.format-scope {
    color: #7dd3fc;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding-left: 10px;
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace;
}

.format-sub {
    color: #e0f2fe;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-left: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding-bottom: 4px;
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace;
}

#format-text-controls {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#format-text-controls .format-control,
#format-text-controls .color-picker-label,
#format-group-document .format-control {
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    padding: 8px 10px;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#format-group-document input.format-control {
    cursor: text;
}

#format-text-controls .format-control option {
    color: #0f172a;
}

#format-text-controls .color-picker-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

#format-text-controls input[type="color"] {
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: none;
    cursor: pointer;
    padding: 0;
    flex: none;
}

#format-text-controls input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

#format-text-controls input[type="color"]::-webkit-color-swatch {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
}

#format-text-controls input[type="color"]::-moz-color-swatch {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
}

#format-text-controls .font-size-label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    padding: 8px 10px;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    font-size: 12px;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#format-text-controls .font-size-caption,
#format-text-controls .font-size-unit {
    flex: none;
    opacity: 0.85;
}

#format-text-controls .font-size-number {
    flex: 1;
    min-width: 0;
    width: auto;
    background: rgba(255, 255, 255, 0.1);
    padding: 4px 6px;
    cursor: text;
}

.fmt-align-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.format-segmented {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.format-segment-btn {
    background: transparent;
    border: none;
    border-radius: 7px;
    color: #e0f2fe;
    padding: 7px 0;
    font-size: 12px;
    font-weight: 800;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    cursor: pointer;
}

.format-segment-btn:hover {
    background: rgba(255,255,255,0.12);
    color: #fff;
}

.format-segment-btn.active {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(2,132,199,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
}

.format-segmented.small {
    grid-template-columns: repeat(2, 1fr);
}

#format-group-main[hidden],
#format-group-style[hidden],
#format-group-document[hidden] {
    display: none !important;
}

#format-group-main,
#format-group-style,
#format-group-document {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#format-page-sizes {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.style-picker-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.style-picker-btn {
    font-size: 12px;
    font-weight: 800;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
}

#style-picker-popup {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);

}

#style-picker-popup[hidden] {
    display: none !important;
}

.style-picker-head {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

#style-picker-tabs {
    flex: 1;
    min-width: 0;
}

#style-picker-tabs .format-segment-btn {
    padding: 5px 0;
    font-size: 11px;
}

.style-picker-views {
    display: flex;
    gap: 4px;
    flex: none;
}

#style-picker-tabs .format-segment-btn svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 2px;
}

.style-picker-foot {
    display: flex;
    justify-content: flex-start;
    padding: 8px 10px;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.style-picker-foot .style-picker-views {
    width: auto;
}

.style-picker-foot .style-picker-view {
    flex: none;
}

.style-picker-view svg {
    display: block;
    width: 16px;
    height: 16px;
}

.style-picker-view {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    color: #e0f2fe;
    font-size: 10px;
    font-weight: 800;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    cursor: pointer;
    padding: 4px 8px;
}

.style-picker-view:hover {
    background: rgba(255,255,255,0.16);
    color: #fff;
}

.style-picker-view.active {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #7dd3fc;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(2,132,199,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
}

#style-picker-x {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 6px;
    color: #e0f2fe;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    padding: 2px 8px;
    line-height: 1.4;
}

#style-picker-x:hover {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

#style-picker-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 220px;
    overflow-y: auto;
    padding: 8px;
}

#style-picker-list.mini {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
    gap: 6px;
}

.style-picker-item .picker-preview {
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 8px 0 0;
    padding: 0;
    border: none;
}

.style-picker-mini {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    cursor: pointer;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

.style-picker-mini:hover {
    background: rgba(255,255,255,0.16);
}

.style-picker-mini span {
    font-size: 13px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.style-picker-item {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 7px;
    color: #e0f2fe;
    padding: 6px 9px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    cursor: pointer;
    text-align: left;
}

.style-picker-item:hover {
    background: rgba(255,255,255,0.16);
    color: #fff;
}

.style-picker-empty {
    font-size: 12px;
    color: #bae6fd;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    padding: 6px 2px;
}

.format-page-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #e0f2fe;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 800;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.format-page-row:hover {
    background: rgba(255,255,255,0.16);
    color: #fff;
}

.format-page-row.active {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #7dd3fc;
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(2,132,199,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
}

.format-doc-note {
    margin: 4px 0 0;
    font-size: 11px;
    color: #bae6fd;
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
}

.format-doc-note code {
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
    padding: 0 4px;
}

.fmt-indent-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}

.fmt-align-btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #e0f2fe;
    padding: 7px 0;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.fmt-align-btn:hover {
    background: rgba(255,255,255,0.16);
    color: #fff;
}

.fmt-align-btn.active {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    border-color: #7dd3fc;
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(2,132,199,0.35), inset 0 1px 0 rgba(255,255,255,0.4);
}

#format-text-controls .color-reset-btn {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(224, 242, 254, 0.85) 100%);
    border: 1px solid #7dd3fc;
    border-radius: 6px;
    color: #0369a1;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    padding: 3px 8px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(14, 165, 233, 0.15), inset 0 1px 1px #fff;
}

#format-text-controls .color-reset-btn:hover {
    background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
    color: #ffffff;
    border-color: #0284c7;
}

/* --- Highlighter split button + wash popup --- */
.hl-split-row { display: flex; gap: 6px; }
.fmt-hl-btn {
    flex: 1;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #e0f2fe;
    padding: 7px 0;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.fmt-hl-btn:hover {
    background: rgba(255,255,255,0.16);
    color: #fff;
}
.fmt-hl-btn.hl-chevron { flex: none; width: 34px; font-size: 12px; }
/* --- Highlight + Chips buttons ride side-by-side, popups span below! --- */
.hl-chip-duo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}
.hl-chip-duo .hl-split-row { min-width: 0; }
.fmt-basic-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}
#hl-popup {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: hidden;
    padding: 8px;
}
#hl-popup[hidden] { display: none !important; }
#hl-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}
.hl-swatch {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 6px;
    min-height: 32px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;

}

/* --- Rainbow chip popup + swatches (same architecture as highlights!) --- */
#cp-popup {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: hidden;
    padding: 8px;
}
#cp-popup[hidden] { display: none !important; }
#cp-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}
.cp-swatch {
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 12px;
    min-height: 32px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;

}
.aq-swatch {
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 999px;
    min-height: 32px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;

}
/* --- Aqua chip popup mirrors the highlight/chip popups! --- */
#aq-popup {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    overflow: hidden;
    padding: 8px;
}
#aq-popup[hidden] { display: none !important; }
#aq-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
}

#top-format-bar:empty {
    display: none;
}

.format-style-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.format-empty {
    color: rgba(255,255,255,0.55);
    font-size: 0.8rem;
    line-height: 1.5;
    padding: 4px 10px;
    font-family: 'Segoe UI', sans-serif;
}

.fmt-style-row {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 8px 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    font-family: 'Jetbrains Mono', 'Courier New', Courier, monospace;
}

.fmt-style-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    max-width: 72px;
    overflow: hidden;
    font-size: 12px;
    flex-shrink: 0;
}

.fmt-style-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 0.72rem;
    font-weight: bold;
}

.fmt-style-x {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: linear-gradient(180deg, #fca5a5 0%, #ef4444 100%);
    border: 1px solid #f87171;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(220,38,38,0.3), inset 0 1px 0 rgba(255,255,255,0.4);
}

.fmt-style-x:hover {
    filter: brightness(1.15);
}

.fmt-style-x:active {
    transform: scale(0.92);
}

@media print {
    #format-sidebar,
    #format-toggle-zone {
        display: none !important;
    }
}

@media (max-width: 980px) {
    #format-sidebar,
    #format-toggle-zone {
        display: none;
    }
}

/* --- Highlight dropdown buttons run slightly narrower! --- */
.hl-chip-duo .fmt-hl-btn {
    padding: 6px 0;
    font-size: 14px;
}
.hl-chip-duo .fmt-hl-btn.hl-chevron {
    width: 28px;
}

/* ========================================================
   BITBOOK OVERRIDE — Purple / magenta note-taking UI
   (UI chrome only — canvas content styles untouched!)
   ======================================================== */
:root {
    --sky-glow: #9333ea;
}
body {
    background: radial-gradient(circle at 50% 50%, #3b0764 0%, #17082e 100%);
}
::selection {
    background-color: rgba(168, 85, 247, 0.4) !important;
}
::-webkit-selection {
    background-color: rgba(168, 85, 247, 0.4) !important;
}
.sidebar-brand h2 {
    text-shadow: 0 0 10px rgba(217, 70, 239, 0.65);
}
.pad-toggle-btn:hover,
.sidebar-util-btn:hover {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border-color: #e9d5ff;
    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.45), inset 0 1px 2px #fff;
}
.pad-toggle-btn:active {
    box-shadow: 0 2px 6px rgba(147, 51, 234, 0.3);
}
.outline-heading {
    color: #f5f3ff;
}
.outline-item.active {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border-color: #e9d5ff;
}
.download-popup {
    background: linear-gradient(180deg, #ffffff 0%, #faf5ff 100%);
    border: 2px solid #d8b4fe;
}
.download-item:hover {
    background: #f5f3ff;
}
.download-item b {
    color: #7e22ce;
}
.style-bar-btn:hover {
    color: #9333ea;
}
.aero-floating-bar,
.aero-style-bar {
    box-shadow: 0 10px 25px rgba(147, 51, 234, 0.3), inset 0 1px 0 #fff;
}
.dropdown-menu {
    background: linear-gradient(180deg, #ffffff 0%, #faf5ff 100%);
    border: 2px solid #d8b4fe;
}
.dropdown-item:hover {
    background: #f5f3ff;
    color: #9333ea;
}
.sheets-toolbar, .aero-format-ribbon,
#top-format-bar.aero-format-ribbon {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(233, 213, 255, 0.7) 100%);
    box-shadow: 0 8px 25px rgba(147, 51, 234, 0.25), inset 0 1px 2px #fff;
}
.sheets-toolbar select, .aero-format-ribbon select,
#top-format-bar .format-control,
#top-format-bar .color-picker-label {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 243, 255, 0.9) 100%) !important;
    border: 1px solid #d8b4fe !important;
    color: #7e22ce !important;
    box-shadow: 0 2px 5px rgba(147, 51, 234, 0.15), inset 0 1px 1px #fff !important;
}
.sheets-toolbar select:hover, .aero-format-ribbon select:hover,
#top-format-bar .format-control:hover,
#top-format-bar .color-picker-label:hover,
.sheets-toolbar .style-tool-btn:hover,
.sheets-toolbar button:hover {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%) !important;
    border-color: #9333ea !important;
    color: #ffffff !important;
}
.style-tool-btn {
    color: #7e22ce;
    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.18), inset 0 1px 2px #fff;
}
.style-tool-btn:hover {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
}
#insert-menu-popup, #tags-menu-popup, #skills-menu-popup {
    background: linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(250,245,255,0.95) 100%);
    border: 1px solid #d8b4fe;
    box-shadow: 0 8px 24px rgba(147,51,234,0.28), inset 0 1px 0 #fff;
}
.insert-item {
    color: #6b21a8;
}
.insert-item:hover {
    background: #f5f3ff;
    border-color: #d946ef;
    color: #7e22ce;
}
.modal-blur-gate {
    background: rgba(147, 51, 234, 0.28);
}
.dialog-header {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 50%, #6b21a8 100%);
}
.dialog-body-scroll h4 {
    color: #7e22ce;
}
.file-chip-popup {
    background: linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(250,245,255,0.95) 100%);
    border: 1px solid #d8b4fe;
    box-shadow: 0 10px 28px rgba(147,51,234,0.32), inset 0 1px 0 #fff;
}
.file-chip-prev {
    background: linear-gradient(180deg, #fae8ff 0%, #e9d5ff 100%);
    border: 2px solid #9333ea;
    color: #6b21a8;
}
.file-chip-title {
    color: #581c87;
}
#file-chip-rename-input {
    border: 1px solid #d8b4fe;
    color: #581c87;
    background: #faf5ff;
}
#file-chip-rename-input:focus {
    border-color: #9333ea;
    box-shadow: 0 0 0 3px rgba(147,51,234,0.2);
}
#file-chip-rename-ok {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border: 1px solid #9333ea;
}
#file-chip-rename-btn, #file-chip-x {
    background: rgba(147,51,234,0.1);
    border: 1px solid #d8b4fe;
    color: #7e22ce;
}
#file-chip-rename-btn:hover {
    background: rgba(147,51,234,0.2);
}
#doc-lock-input {
    border: 1px solid #d8b4fe;
    color: #581c87;
    background: #faf5ff;
}
#doc-lock-input:focus {
    border-color: #9333ea;
    box-shadow: 0 0 0 3px rgba(147,51,234,0.2);
}
.format-brand h2 {
    text-shadow: 0 0 10px rgba(217, 70, 239, 0.65);
}
.format-scope {
    color: #d8b4fe;
}
.format-sub {
    color: #f5f3ff;
}
.format-segment-btn {
    color: #f5f3ff;
}
.format-segment-btn.active,
.style-picker-view.active,
.format-page-row.active,
.fmt-align-btn.active {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border-color: #e9d5ff;
    box-shadow: 0 3px 8px rgba(147,51,234,0.4), inset 0 1px 0 rgba(255,255,255,0.4);
}
#format-text-controls .color-reset-btn {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 243, 255, 0.9) 100%);
    border: 1px solid #d8b4fe;
    color: #7e22ce;
    box-shadow: 0 2px 5px rgba(147, 51, 234, 0.15), inset 0 1px 1px #fff;
}
#format-text-controls .color-reset-btn:hover {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border-color: #9333ea;
}
.style-picker-empty,
.format-doc-note {
    color: #d8b4fe;
}
.chart-nav-btn {
    background: linear-gradient(180deg, #ffffff 0%, #f5f3ff 100%);
    border: 1px solid #d8b4fe;
    color: #9333ea;
}
.custom-picker-wrapper {
    background: linear-gradient(180deg, #faf5ff 0%, #e9d5ff 100%);
    border: 1px solid #d8b4fe;
    color: #9333ea;
}

/* --- Bitbook note-card canvas: cozy note, not formal document! --- */
#top-format-bar.aero-format-ribbon {
    max-width: 700px;
}
#wysiwyg-canvas {
    max-width: 700px;
    border: 1px solid #e9d5ff;
    border-radius: 18px;
    box-shadow: 0 15px 45px rgba(147, 51, 234, 0.28);
    padding: 26px 28px;
    background: #fffefb;
}
#wysiwyg-canvas:empty::before {
    color: #a78bfa;
}

/* ========================================================
   BITBOOK — Main formatting docked on top + darker backdrop
   ======================================================== */
body {
    background: radial-gradient(circle at 50% 30%, #1c0530 0%, #05010a 100%);
}
.aero-sidebar {
    background: linear-gradient(90deg, rgba(20, 4, 32, 0.85) 0%, rgba(20, 4, 32, 0.55) 100%);
    border-right: 2px solid rgba(217, 70, 239, 0.25);
}
.format-sidebar {
    background: linear-gradient(270deg, rgba(12, 2, 22, 0.92) 0%, rgba(28, 5, 48, 0.82) 100%);
    border-left: 2px solid rgba(217, 70, 239, 0.25);
}

/* Top bar becomes the full formatting ribbon: wraps, scrolls, stays put! */
#top-format-bar.aero-format-ribbon {
    width: fit-content;
    max-width: 68%;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-height: 38vh;
    overflow-y: auto;
}
/* Docked Main controls: horizontal flow instead of sidebar column! */
#top-format-bar #format-text-controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
}
#top-format-bar #format-text-controls .format-sub {
    display: none;
}
#top-format-bar #format-text-controls .format-control,
#top-format-bar #format-text-controls .color-picker-label,
#top-format-bar #format-text-controls .font-size-label {
    width: auto;
    flex: none;
}
#top-format-bar #format-text-controls .font-size-number {
    width: 78px;
    flex: none;
}
#top-format-bar .hl-chip-duo {
    display: flex;
    flex: none;
    gap: 6px;
}
#top-format-bar .hl-chip-duo .hl-split-row {
    min-width: 0;
}
#top-format-bar .fmt-hl-btn {
    padding: 7px 10px;
}
#top-format-bar .fmt-basic-row {
    display: flex;
    flex: none;
    gap: 6px;
}
#top-format-bar .fmt-basic-row .fmt-align-btn {
    padding: 7px 10px;
}
#top-format-bar .fmt-align-row,
#top-format-bar .fmt-indent-row {
    display: flex;
    flex: none;
    gap: 6px;
}
#top-format-bar .fmt-align-row .fmt-align-btn,
#top-format-bar .fmt-indent-row .fmt-align-btn {
    padding: 7px 10px;
}
#top-format-bar #hl-popup,
#top-format-bar #cp-popup,
#top-format-bar #aq-popup {
    flex: 1 1 100%;
}

/* ========================================================
   BITBOOK — lighter sidebar shells (buttons untouched!) +
   purple-tinted grouped top-bar formatting
   ======================================================== */
.aero-sidebar {
    background: linear-gradient(180deg, rgba(192, 132, 252, 0.55) 0%, rgba(147, 51, 234, 0.45) 100%);
    border-right: 2px solid rgba(233, 213, 255, 0.65);
    box-shadow: 5px 0 25px rgba(88, 28, 135, 0.35);
}
.format-sidebar {
    background: linear-gradient(180deg, rgba(192, 132, 252, 0.55) 0%, rgba(147, 51, 234, 0.45) 100%);
    border-left: 2px solid rgba(233, 213, 255, 0.65);
    box-shadow: -5px 0 25px rgba(88, 28, 135, 0.35);
}
.latch-toggle-strip {
    background: linear-gradient(90deg, rgba(192, 132, 252, 0.6) 0%, rgba(147, 51, 234, 0.4) 100%);
    border: 2px solid rgba(233, 213, 255, 0.6);
}
.format-latch-toggle-strip {
    background: linear-gradient(270deg, rgba(192, 132, 252, 0.6) 0%, rgba(147, 51, 234, 0.4) 100%);
    border: 2px solid rgba(233, 213, 255, 0.6);
}

/* --- Top-bar: purple-tinted controls, grouped with dividers! --- */
#top-format-bar #format-text-controls .format-control,
#top-format-bar #format-text-controls .color-picker-label,
#top-format-bar #format-text-controls .font-size-label {
    background: linear-gradient(180deg, #f5f3ff 0%, #e9d5ff 100%);
    border: 1px solid #c084fc;
    color: #6b21a8;
    box-shadow: 0 2px 5px rgba(147, 51, 234, 0.2), inset 0 1px 1px #fff;
}
#top-format-bar #format-text-controls .format-control option {
    color: #4c1d95;
}
#top-format-bar .fmt-hl-btn,
#top-format-bar .fmt-align-btn {
    background: linear-gradient(180deg, #f5f3ff 0%, #ddd6fe 100%);
    border: 1px solid #c084fc;
    color: #6b21a8;
    box-shadow: 0 2px 5px rgba(147, 51, 234, 0.2), inset 0 1px 1px #fff;
}
#top-format-bar .fmt-hl-btn:hover,
#top-format-bar .fmt-align-btn:hover {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border-color: #9333ea;
    color: #ffffff;
}
#top-format-bar .fmt-align-btn.active {
    background: linear-gradient(180deg, #d946ef 0%, #9333ea 100%);
    border-color: #7e22ce;
    color: #ffffff;
}
/* Vertical dividers between top-bar categories! */
#top-format-bar .top-divider {
    width: 2px;
    align-self: stretch;
    min-height: 30px;
    background: linear-gradient(180deg, transparent, #c084fc 30%, #c084fc 70%, transparent);
    border-radius: 2px;
    margin: 0 2px;
    flex: none;
}
/* Stacked sub-groups: buttons on top of each other! */
#top-format-bar .top-stack {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: none;
}
#top-format-bar .fmt-align-row.top-stack-grid {
    display: flex;
    flex-direction: row;
    gap: 6px;
}
/* Full-width row break: font settings on top, formatting buttons below! */
#top-format-bar .top-row-break {
    flex: 1 1 100%;
    height: 0;
}
/* Text-size setting: no surrounding box — number input keeps its tint! */
#top-format-bar #format-text-controls .font-size-label {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}
#top-format-bar #format-text-controls .font-size-label .font-size-number {
    background: linear-gradient(180deg, #f5f3ff 0%, #e9d5ff 100%);
    border: 1px solid #c084fc;
    border-radius: 8px;
    color: #6b21a8;
    box-shadow: 0 2px 5px rgba(147, 51, 234, 0.2), inset 0 1px 1px #fff;
    padding: 6px 8px;
}
/* Floated small popup menus: live on <body>, never clipped by the bar! */
.top-float-popup {
    position: fixed !important;
    z-index: 2000 !important;
    width: 232px !important;
    max-height: 250px !important;
    overflow-y: auto !important;
    flex: none !important;
    background: linear-gradient(180deg, #ffffff 0%, #faf5ff 100%) !important;
    border: 1px solid #c084fc !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(88, 28, 135, 0.4), inset 0 1px 0 #fff !important;
    padding: 8px !important;
}
.top-float-popup#insert-menu-popup {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.top-float-popup[hidden] {
    display: none !important;
}
/* Insert menu: strict vertical stack, full-width buttons! */
.top-float-popup#insert-menu-popup .insert-item {
    width: 100%;
    display: flex;
    align-items: center;
}
/* Background orbs: purple glow instead of blue! */
.ambient-droplet {
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.4) 0%, rgba(217, 70, 239, 0.18) 50%, transparent 100%);
}
/* Floated menus: strict vertical stack, full-width buttons! */
.top-float-popup .insert-item {
    width: 100%;
    display: flex;
    align-items: center;
}
/* Inserted tag chips (note content!): dropdown + date flavors! */
.tag-drop-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #f5f3ff 0%, #e9d5ff 100%);
    border: 1px solid #c084fc;
    border-radius: 8px;
    padding: 2px 6px;
    margin: 0 2px;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(147, 51, 234, 0.2), inset 0 1px 1px #fff;
}
.tag-drop-select {
    background: transparent;
    border: none;
    outline: none;
    color: #6b21a8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    max-width: 220px;
}
.tag-date-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #fae8ff 0%, #f5d0fe 100%);
    border: 1px solid #d946ef;
    border-radius: 999px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #701a75;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(217, 70, 239, 0.25), inset 0 1px 1px #fff;
}
/* Indigo user chip: same pill family as dropdown + date chips! */
.tag-user-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #e0e7ff 0%, #c7d2fe 100%);
    border: 1px solid #6366f1;
    border-radius: 999px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #312e81;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(99, 102, 241, 0.3), inset 0 1px 1px #fff;
}
/* Reddish-pink hashtag chip: same pill family as the other tag chips! */
.tag-hash-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #fce7f3 0%, #fbcfe8 100%);
    border: 1px solid #ec4899;
    border-radius: 999px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #831843;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(236, 72, 153, 0.35), inset 0 1px 1px #fff;
}
/* Reddish-pink contact chip: same pill family as the other tag chips! */
.tag-contact-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #ffe4e6 0%, #fecdd3 100%);
    border: 1px solid #f43f5e;
    border-radius: 999px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #881337;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(244, 63, 94, 0.3), inset 0 1px 1px #fff;
}
/* Bluer indigo checkbox chip: same pill family as the other tag chips! */
.tag-check-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
    border: 1px solid #3b82f6;
    border-radius: 999px;
    padding: 2px 10px 2px 6px;
    margin: 0 2px;
    color: #1e3a8a;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(59, 130, 246, 0.35), inset 0 1px 1px #fff;
}
.tag-check-box {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #3b82f6;
    border-radius: 5px;
    background: linear-gradient(180deg, #ffffff 0%, #dbeafe 100%);
    cursor: pointer;
    margin: 0;
    flex: none;
    position: relative;
    box-shadow: inset 0 1px 2px rgba(30, 58, 138, 0.2);
}
.tag-check-box:checked {
    background: linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
    border-color: #1d4ed8;
}
.tag-check-box:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
}
.tag-check-label {
    line-height: 1.4;
}
/* Idea chip: blue-cyan sky so it stands apart from Checkbox! */
.tag-idea-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 100%);
    border: 1px solid #0284c7;
    border-radius: 999px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #0c4a6e;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(2, 132, 199, 0.35), inset 0 1px 1px #fff;
}
/* Important chip: true cyan pop! Same pill family as the other tag chips! */
.tag-important-chip {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(180deg, #ecfeff 0%, #cffafe 100%);
    border: 1px solid #06b6d4;
    border-radius: 999px;
    padding: 2px 10px;
    margin: 0 2px;
    color: #0e7490;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 2px 5px rgba(6, 182, 212, 0.3), inset 0 1px 1px #fff;
}
/* Info pane text box: note info memo! */
#note-info-box {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
}
#note-info-text {
    width: 100%;
    min-height: 90px;
    resize: vertical;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    padding: 8px 10px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    line-height: 1.5;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    outline: none;
    cursor: text;
}
#note-info-text::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
#note-info-text:focus {
    border-color: #e9d5ff;
    box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
/* Tag chip icons: svg leads before the text! */
.tag-idea-chip,
.tag-important-chip {
    gap: 4px;
}
.tag-idea-chip svg,
.tag-important-chip svg {
    width: 1em;
    height: 1em;
    flex: none;
}

/* --- Annotate skill: full view, highlight bar on top, document in the center! --- */
.an-view {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 55%, #7dd3fc 100%);
}
.an-view[hidden] { display: none !important; }
.an-topbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 18px 10px;
    background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(224,242,254,0.92) 50%, rgba(186,230,253,0.92) 51%, rgba(240,249,255,0.95) 100%);
    border-bottom: 1px solid rgba(14,116,144,0.3);
    box-shadow: 0 4px 16px rgba(2,132,199,0.18);
    font-family: 'JetBrains Mono', monospace;
}
.an-title { font-weight: 800; font-size: 15px; color: #0369a1; }
.an-highlights { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 auto; }
.an-hl-btn {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 50%;
    background:
        radial-gradient(ellipse 70% 45% at 50% 22%, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.35) 60%, rgba(255,255,255,0) 100%),
        radial-gradient(circle at 50% 85%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 45%),
        var(--an-c);
    box-shadow: inset 0 -3px 6px rgba(0,0,0,0.12), 0 2px 5px rgba(2,132,199,0.25);
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.an-hl-btn:hover { transform: translateY(-1px); box-shadow: inset 0 -3px 6px rgba(0,0,0,0.12), 0 4px 10px rgba(2,132,199,0.35); }
.an-hl-btn.is-active { box-shadow: inset 0 -3px 6px rgba(0,0,0,0.12), 0 0 0 3px #fff, 0 0 0 5px #0284c7, 0 4px 12px rgba(2,132,199,0.45); }
.an-hl-btn:focus-visible { outline: 2px solid #0369a1; outline-offset: 4px; }
.an-highlights { align-items: center; }
/* Dropdowns: a white gel circle (arrow faces right, flips left when open) + its color row! */
.an-drop { display: flex; align-items: center; }
.an-drop-btn { display: inline-flex; align-items: center; justify-content: center; }
.an-drop-btn svg { display: block; overflow: visible; }
.an-drop-btn .an-chev { transform-box: fill-box; transform-origin: center; transition: transform 0.32s cubic-bezier(0.3, 1.3, 0.5, 1); }
.an-drop.is-open .an-drop-btn .an-chev { transform: rotate(180deg); }
.an-drop.has-active:not(.is-open) .an-drop-btn { box-shadow: inset 0 -3px 6px rgba(0,0,0,0.12), 0 0 0 3px #fff, 0 0 0 5px #0284c7, 0 4px 12px rgba(2,132,199,0.45); }
.an-drop-colors {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 7px 0;
    margin: -7px 0;
    transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, padding 0.3s ease;
}
.an-drop.is-open .an-drop-colors {
    max-width: 560px;
    opacity: 1;
    padding: 7px 6px 7px 8px;
    transition: max-width 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s ease, padding 0.3s ease;
}
/* Each circle pops in one after another, closing tucks them away fast! */
.an-drop-colors .an-hl-btn {
    flex: 0 0 auto;
    scale: 0.4;
    opacity: 0;
    transition: scale 0.16s ease, opacity 0.14s ease, transform 0.12s ease, box-shadow 0.12s ease;
}
.an-drop.is-open .an-drop-colors .an-hl-btn {
    scale: 1;
    opacity: 1;
    transition: scale 0.34s cubic-bezier(0.3, 1.5, 0.5, 1) calc(var(--i, 0) * 22ms), opacity 0.2s ease calc(var(--i, 0) * 22ms), transform 0.12s ease, box-shadow 0.12s ease;
}
@media (prefers-reduced-motion: reduce) {
    .an-drop-colors, .an-drop-colors .an-hl-btn, .an-drop-btn .an-chev { transition: none !important; }
}
/* Eraser: a white gel orb with a red eraser! */
.an-erase-btn { display: inline-flex; align-items: center; justify-content: center; border-color: rgba(220,38,38,0.35); }
.an-erase-btn svg { display: block; }
.an-view.an-erasing #wysiwyg-canvas mark.an-hl { cursor: pointer; }
.an-quit-btn {
    margin-left: auto;
    padding: 7px 18px;
    border: 1px solid #b91c1c;
    border-radius: 999px;
    background: linear-gradient(180deg, #fca5a5 0%, #ef4444 50%, #dc2626 51%, #f87171 100%);
    color: #fff;
    font: 800 12px 'JetBrains Mono', monospace;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
}
.an-quit-btn:hover { filter: brightness(1.08); }
.an-stage {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 24px 16px calc(32px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overflow-x: hidden;
}
.an-stage #wysiwyg-canvas { cursor: text; }
/* Annotate highlights: a gel highlighter strip, inspired by the Gel Bubble Chips (not a copy)!
   Highlighter part: one continuous strip (crisp edges along the top + bottom only, no box
   around each word), and your text keeps its own color + weight.
   Gel part: the chips' colors, their color-to-clear gel running down the strip, their
   crisp 2px deeper edge and their soft drop + inset shine. */
mark.an-hl {
    --hl-c: #ead708;
    --hl-edge: #caa604;
    color: inherit;
    padding: 0 3px;
    margin: 0 -3px; /* the strip grows outward: text never shifts! */
    border-top: 2px solid var(--hl-edge);
    border-bottom: 2px solid var(--hl-edge);
    border-radius: 3px;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--hl-c) 80%, transparent) 0%,
        color-mix(in srgb, var(--hl-c) 10%, transparent) 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.06), inset 0 1px 1px rgba(255,255,255,0.45);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
mark.an-hl-red { --hl-c: #ef4444; --hl-edge: #dc2626; }
mark.an-hl-orange { --hl-c: #f97316; --hl-edge: #ea580c; }
mark.an-hl-gold { --hl-c: #ea9f08; --hl-edge: #ca8a04; }
mark.an-hl-lime { --hl-c: #84cc16; --hl-edge: #65a30d; }
mark.an-hl-green { --hl-c: #10b981; --hl-edge: #059669; }
mark.an-hl-turquoise { --hl-c: #30e5cd; --hl-edge: #26b1a5; }
mark.an-hl-teal { --hl-c: #06b6d4; --hl-edge: #0891b2; }
mark.an-hl-cyan { --hl-c: #30d3e5; --hl-edge: #26a3b1; }
mark.an-hl-blue { --hl-c: #3b82f6; --hl-edge: #2563eb; }
mark.an-hl-purple { --hl-c: #a855f7; --hl-edge: #9333ea; }
mark.an-hl-pink { --hl-c: #ec4899; --hl-edge: #db2777; }
mark.an-hl-slate { --hl-c: #b4b4b4; --hl-edge: #6f6f6f; }
/* Gel Underline + Gel Strikethrough: the Custom Chips' Underline Bar, made into markup!
   Its glossy pill bar: light-to-color fill, the same shine on the top half, a thin deeper
   edge and round ends. The bar is painted with background layers (so a mark that wraps
   gets its own pill on every line), and the round ends are tiny SVGs with EXACTLY the
   bar's gradient, shine and edge (one pair per color, below), so the pill is seamless! */
mark.an-hl.an-s-ul,
mark.an-hl.an-s-st {
    --bh: 0.32em;                                       /* bar height */
    --be: 0.06em;                                       /* edge thickness (18.75% of the bar, like the SVG ends) */
    --bl: color-mix(in srgb, var(--hl-c) 40%, #ffffff); /* the bar's light top */
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    padding: 0 2px;
    margin: 0 -2px;
    box-shadow: none;
    background-repeat: no-repeat;
    background-image:
        var(--capL),
        var(--capR),
        linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.14) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(180deg, var(--hl-edge) 0 var(--be), var(--bl) var(--be), var(--hl-c) calc(100% - var(--be)), var(--hl-edge) calc(100% - var(--be)));
    /* the middle tucks 0.5px under each end, so they can never show a hairline gap */
    background-size:
        calc(var(--bh) / 2) var(--bh),
        calc(var(--bh) / 2) var(--bh),
        calc(100% - var(--bh) + 1px) var(--bh),
        calc(100% - var(--bh) + 1px) var(--bh);
}
/* Underline: the bar sits just under the baseline (the box reaches down a little for it)! */
mark.an-hl.an-s-ul {
    padding-bottom: 0.12em;
    background-position: left bottom, right bottom, center bottom, center bottom;
}
/* Strikethrough: the bar is centered on the font's own strike line (0.675em down in
   JetBrains Mono), and a see-through band of the color crosses OVER the letters, so it
   reads as struck out, not highlighted! */
mark.an-hl.an-s-st {
    --sy: calc(0.675em - var(--bh) / 2);
    text-decoration: line-through calc(var(--bh) - 2 * var(--be)) color-mix(in srgb, var(--hl-c) 55%, transparent);
    background-position: left var(--sy), right var(--sy), center var(--sy), center var(--sy);
}
/* Three more Annotate styles with the same gel look (they only need the color's two vars, so every color works)! */
/* Gel Box: a glossy outlined rounded box around the words! */
mark.an-hl.an-s-bx {
    padding: 0 5px;
    margin: 0 -5px;
    border: 2px solid var(--hl-edge);
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.12) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 34%, #ffffff) 0%, color-mix(in srgb, var(--hl-c) 12%, transparent) 100%);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.85), 0 2px 6px color-mix(in srgb, var(--hl-c) 35%, transparent);
}
/* Halo: a soft glowing aura behind the words, no border and no line (just light)! */
mark.an-hl.an-s-ha {
    padding: 0 9px;
    margin: 0 -9px;
    border: 0;
    border-radius: 999px;
    background:
        radial-gradient(ellipse 72% 105% at 50% 50%,
            color-mix(in srgb, var(--hl-c) 60%, transparent) 0%,
            color-mix(in srgb, var(--hl-c) 26%, transparent) 55%,
            transparent 100%);
    box-shadow: 0 0 14px 2px color-mix(in srgb, var(--hl-c) 38%, transparent);
}
/* Corner Brackets: viewfinder corners around the words with a faint tint inside! */
mark.an-hl.an-s-cb {
    --cl: 0.55em;   /* corner arm length */
    --ct: 2.5px;    /* corner arm thickness */
    padding: 0 7px;
    margin: 0 -7px;
    border: 0;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 20%, transparent), color-mix(in srgb, var(--hl-c) 6%, transparent));
    background-size:
        var(--cl) var(--ct), var(--ct) var(--cl),
        var(--cl) var(--ct), var(--ct) var(--cl),
        var(--cl) var(--ct), var(--ct) var(--cl),
        var(--cl) var(--ct), var(--ct) var(--cl),
        100% 100%;
    background-position:
        left top, left top,
        right top, right top,
        left bottom, left bottom,
        right bottom, right bottom,
        0 0;
    box-shadow: none;
}
/* Spotlight: a soft glowing pool of light behind the words, fading out at the edges. No lines, no borders! */
mark.an-hl.an-s-gf {
    padding: 0.05em 0.4em;
    margin: 0 -0.4em;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(ellipse 100% 120% at 50% 50%,
        color-mix(in srgb, var(--hl-c) 78%, transparent) 0%,
        color-mix(in srgb, var(--hl-c) 46%, transparent) 45%,
        color-mix(in srgb, var(--hl-c) 14%, transparent) 78%,
        transparent 100%);
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Accent: a glossy gel bar down the left edge, with a tint that fades out to the right! */
mark.an-hl.an-s-ga {
    padding: 0.06em 0.35em 0.06em 0.55em;
    margin: 0 -0.35em 0 -0.55em;
    border: 0;
    border-radius: 3px 9px 9px 3px;
    background-repeat: no-repeat;
    background-position: left top, left top, 0 0;
    background-size: 5px 100%, 5px 100%, 100% 100%;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,0.7) 0, rgba(255,255,255,0) 2px),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 60%, #fff) 0%, var(--hl-edge) 100%),
        linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 40%, transparent) 0%, color-mix(in srgb, var(--hl-c) 14%, transparent) 65%, transparent 100%);
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Bubble: a glass bead with a little shine in the corner! */
mark.an-hl.an-s-gb {
    padding: 0.08em 0.4em;
    margin: 0 -0.4em;
    border: 1.5px solid color-mix(in srgb, var(--hl-edge) 75%, transparent);
    border-radius: 999px;
    background-repeat: no-repeat;
    background-image:
        radial-gradient(ellipse 22% 24% at 13% 26%, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 14%, transparent) 0%, color-mix(in srgb, var(--hl-c) 48%, transparent) 100%);
    box-shadow: inset 0 -3px 5px color-mix(in srgb, var(--hl-c) 30%, transparent), 0 2px 5px color-mix(in srgb, var(--hl-c) 28%, transparent);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* More highlighters: each one plays with a second color (a slight or a big hue shift)! */
mark.an-hl.an-s-dk {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 7px;
    background: color-mix(in srgb, var(--hl-c) 45%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 58%, transparent), color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 40)) 58%, transparent));
}
mark.an-hl.an-s-pr {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 4px;
    background: color-mix(in srgb, var(--hl-c) 45%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + -50)) 55%, transparent), color-mix(in srgb, var(--hl-c) 55%, transparent) 50%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 50)) 55%, transparent));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(0,0,0,0.08);
}
mark.an-hl.an-s-cm {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 5px;
    background: color-mix(in srgb, var(--hl-c) 36%, transparent);
    box-shadow: 0 0 0 2px var(--hl-edge);
    box-shadow: 0 0 0 2px oklch(from var(--hl-edge) l c calc(h + 180));
}
mark.an-hl.an-s-tk {
    padding: 0.05em 0.5em; margin: 0 -0.5em; border: 0; border-radius: 3px;
    border-top: 1.5px dashed var(--hl-edge); border-bottom: 1.5px dashed var(--hl-edge);
    background: color-mix(in srgb, var(--hl-c) 40%, transparent);
    -webkit-mask: radial-gradient(circle 0.34em at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 0.34em at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
    mask: radial-gradient(circle 0.34em at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 0.34em at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
}
mark.an-hl.an-s-nn {
    padding: 0.05em 0.4em; margin: 0 -0.4em; border: 1.5px solid var(--hl-edge); border-radius: 6px;
    background: color-mix(in srgb, var(--hl-c) 9%, transparent);
    box-shadow: 0 0 5px var(--hl-c), 0 0 14px color-mix(in srgb, var(--hl-c) 60%, transparent), inset 0 0 8px color-mix(in srgb, var(--hl-c) 35%, transparent);
    text-shadow: 0 0 6px color-mix(in srgb, var(--hl-c) 80%, transparent);
}
mark.an-hl.an-s-sm {
    padding: 0.04em 0.4em; margin: 0 -0.4em; border: 2px solid var(--hl-edge); border-radius: 3px;
    outline: 1.5px solid var(--hl-edge); outline-offset: 2px;
    background: color-mix(in srgb, var(--hl-c) 10%, transparent);
    letter-spacing: 0.03em;
}
mark.an-hl.an-s-tp {
    padding: 0.05em 0.4em; margin: 0 -0.4em; border: 0; border-radius: 2px;
    border-left: 3px dotted var(--hl-edge); border-right: 3px dotted var(--hl-edge);
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--hl-c) 55%, transparent) 0 0.3em, color-mix(in srgb, var(--hl-c) 22%, transparent) 0.3em 0.6em);
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--hl-c) 55%, transparent) 0 0.3em, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 25)) 30%, transparent) 0.3em 0.6em);
}
mark.an-hl.an-s-ck {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 3px;
    background: color-mix(in srgb, var(--hl-c) 40%, transparent);
    background: conic-gradient(color-mix(in srgb, var(--hl-c) 48%, transparent) 25%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 90)) 48%, transparent) 0 50%, color-mix(in srgb, var(--hl-c) 48%, transparent) 0 75%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 90)) 48%, transparent) 0) 0 0 / 0.55em 0.55em;
}
mark.an-hl.an-s-ht {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 3px;
    background: radial-gradient(circle, color-mix(in srgb, var(--hl-c) 75%, transparent) 0 0.085em, transparent 0.095em) 0 0 / 0.27em 0.27em, color-mix(in srgb, var(--hl-c) 14%, transparent);
}
mark.an-hl.an-s-au {
    padding: 0.05em 0.45em; margin: 0 -0.45em; border: 0; border-radius: 999px;
    background: color-mix(in srgb, var(--hl-c) 40%, transparent);
    background: radial-gradient(ellipse 70% 130% at 12% 50%, color-mix(in srgb, var(--hl-c) 70%, transparent), transparent 70%), radial-gradient(ellipse 70% 130% at 88% 45%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 120)) 65%, transparent), transparent 70%), color-mix(in srgb, var(--hl-c) 12%, transparent);
}
/* Mild: pale, soft versions of every color. Gel Wrap: a glossy capsule wrapped with two seam lines near the ends! */
mark.an-hl.an-s-ml {
    padding: 0.04em 0.22em; margin: 0 -0.22em; border: 0; border-radius: 3px;
    background: color-mix(in srgb, var(--hl-c) 22%, transparent);
    background: oklch(from var(--hl-c) calc(l + 0.12) calc(c * 0.4) h / 0.5);
    box-shadow: none;
}
mark.an-hl.an-s-gw {
    padding: 0.06em 0.5em; margin: 0 -0.5em; border: 1.5px solid color-mix(in srgb, var(--hl-edge) 70%, transparent); border-radius: 999px;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(color-mix(in srgb, var(--hl-edge) 55%, transparent), color-mix(in srgb, var(--hl-edge) 55%, transparent)),
        linear-gradient(color-mix(in srgb, var(--hl-edge) 55%, transparent), color-mix(in srgb, var(--hl-edge) 55%, transparent)),
        linear-gradient(90deg, rgba(255,255,255,0.5), rgba(255,255,255,0) 0.55em, rgba(255,255,255,0) calc(100% - 0.55em), rgba(255,255,255,0.5)),
        linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 38%, transparent), color-mix(in srgb, var(--hl-c) 62%, transparent));
    background-size: 2px 70%, 2px 70%, 100% 100%, 100% 100%, 100% 100%;
    background-position: 0.5em 50%, calc(100% - 0.5em) 50%, 0 0, 0 0, 0 0;
    box-shadow: inset 0 -3px 5px color-mix(in srgb, var(--hl-c) 30%, transparent), 0 2px 5px color-mix(in srgb, var(--hl-c) 28%, transparent);
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Highlight Belt: a see-through color band with two glossy gray rails laid over it (above the band, under the text)! */
mark.an-hl.an-s-bt {
    padding: 0.12em 0.45em;
    margin: 0 -0.45em;
    border: 0;
    border-radius: 0.65em;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-image:
        linear-gradient(180deg, #ececec 0%, #dcdcdc 100%),
        linear-gradient(180deg, #ececec 0%, #dcdcdc 100%),
        linear-gradient(180deg, #c6c6c6 0%, #b3b3b3 100%),
        linear-gradient(180deg, #c6c6c6 0%, #b3b3b3 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 52%, transparent) 0%, color-mix(in srgb, var(--hl-c) 26%, transparent) 100%);
    background-size:
        calc(100% - 3px) calc(0.3em - 1.5px),
        calc(100% - 3px) calc(0.3em - 1.5px),
        100% 0.3em,
        100% 0.3em,
        100% 100%;
    background-position:
        1.5px 1.5px,
        1.5px calc(100% - 1.5px),
        0 0,
        0 100%,
        0 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Bucket: a bucket-shaped gel (wider on top, rounded, with a bold outline and a gel gradient fading to white) that sits right in the text! */
mark.an-hl.an-s-bk {
    padding: 0.05em 0.35em;
    margin: 0 calc(-0.35em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 26 34 26 34 fill;
    border-image-width: 0.26em 0.34em 0.26em 0.34em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
mark.an-hl-yellow.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ebd914%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fcfae1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%238d7403%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-red.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f04d4d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fde9e9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%239a1b1b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f97a22%22/%3E%3Cstop offset=%221%22 stop-color=%22%23feeee3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%23a43e08%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eba414%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fcf3e1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%238d6103%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%238acf22%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f0f9e3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%23477209%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%231cbc87%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e2f7f0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%2304694a%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%233ae6d0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e6fcf9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%231b7c74%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2312bad6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e1f6fa%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%2306667d%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%233ad5e6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e6fafc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%231b727c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%234588f6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e7f0fe%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%231a45a4%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ac5ef7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f5ebfe%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%236724a4%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ed519e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fde9f3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%23991b53%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b8b8b8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f6f6f6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%234e4e4e%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Torpedo: a gel capsule with a big round nose on the right and a deep wavy notch in the tail on the left, sitting right in the text! */
mark.an-hl.an-s-tr {
    padding: 0.05em 0.36em;
    margin: 0 calc(-0.36em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 62 40 62 40 fill;
    border-image-width: 0.62em 0.4em 0.62em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
mark.an-hl-red.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f15a5a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbcece%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c22121%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fa8432%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fddbc2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23ce4d0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23edab26%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fae6bf%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b27904%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2393d232%22/%3E%3Cstop offset=%221%22 stop-color=%22%23dff2c2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23598f0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%232dc190%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1edde%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%2304845c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2349e8d3%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c9f8f2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23219c91%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2324bfd9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23beecf4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%2307809d%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2349d8e8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c9f4f8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23218f9c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%235391f7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ccdefd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%232157cf%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b269f8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e8d3fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23812dce%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ee5ea5%22/%3E%3Cstop offset=%221%22 stop-color=%22%23facfe4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c12269%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23bdbdbd%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ececec%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23626262%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eddc26%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faf5bf%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b29204%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Bottle: a gel capsule lying on its side, with a little bottle neck on the left! */
mark.an-hl.an-s-bo {
    padding: 0.05em 0.3em 0.05em 0.42em;
    margin: 0 calc(-0.3em - 1px) 0 calc(-0.42em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 50 40 50 40 fill;
    border-image-width: 0.5em 0.4em 0.5em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Packet: a slanted gray gel packet with a bright seal stripe along the top (the stripe takes the chosen color)! */
mark.an-hl.an-s-pk {
    padding: 0.05em 0.34em;
    margin: 0 calc(-0.34em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 30 34 30 34 fill;
    border-image-width: 0.3em 0.34em 0.3em 0.34em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Select: the Keydown gel chip (#C#text#, gel-bubble-chip + gel-chip-*) look: the color fading down to the same color at 0 with a dark shade of the color for the letters,
   but with no border, no shadow, and only a little padding so it sits right on the text! */
mark.an-hl.an-s-sl {
    padding: 0.05em 0.2em;
    margin: 0 -0.2em;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    font-weight: 800;
    color: color-mix(in srgb, var(--hl-c) 30%, #000);
    background: linear-gradient(180deg, var(--hl-c) 0%, transparent 100%);
    background: linear-gradient(180deg, var(--hl-c) 0%, rgb(from var(--hl-c) r g b / 0) 100%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Color Ink: no strip, no box, just the words written in the color (deep shade, bold)! #R(text) */
mark.an-hl.an-s-ink {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-weight: 700;
    color: var(--hl-edge);
}
mark.an-hl-red.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f58585%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbd6d6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c62222%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-red.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f47c7c%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ef4444%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fba468%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fee0cc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23d34f0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23fb9d5c%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f97316%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1c15e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faeac9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b67c04%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f0bc52%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ea9f08%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23afde68%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e4f4cc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%235b930c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23a9db5c%22/%3E%3Cstop offset=%221%22 stop-color=%22%2384cc16%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2364d2ad%22/%3E%3Cstop offset=%221%22 stop-color=%22%23caf0e3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%2304875e%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2358cea7%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310b981%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2378eede%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d1f9f4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23229f94%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%236eeddc%22/%3E%3Cstop offset=%221%22 stop-color=%22%2330e5cd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%235dd0e3%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c8eff6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%230782a0%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2351cce1%22/%3E%3Cstop offset=%221%22 stop-color=%22%2306b6d4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2378e2ee%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d1f5f9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%2322939f%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%236ee0ed%22/%3E%3Cstop offset=%221%22 stop-color=%22%2330d3e5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2380aef9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d4e4fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%232159d4%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2376a8f9%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b82f6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c690fa%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ecdafd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23842ed3%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23c288f9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23a855f7%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f388bd%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbd7e9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c5236b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f27fb8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ec4899%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23cecece%22/%3E%3Cstop offset=%221%22 stop-color=%22%23eeeeee%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23646464%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23cacaca%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b4b4b4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1e55e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faf6c9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b69504%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f0e352%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ead708%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Capsule: a two-tone glossy pill (half the color, half a pale version), like a medicine capsule! */
mark.an-hl.an-s-cs {
    padding: 0.04em 0.4em;
    margin: 0 -0.4em;
    border: 1.5px solid var(--hl-edge);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 85%, #fff) 0 50%, color-mix(in srgb, var(--hl-c) 22%, #fff) 50% 100%);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--hl-c) 30%, transparent);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Frost: frosted glass with a hint of the color, a bright rim and a soft drop shadow! */
mark.an-hl.an-s-fr {
    padding: 0.05em 0.3em;
    margin: 0 -0.3em;
    border: 1px solid rgba(255,255,255,0.95);
    border-radius: 0.35em;
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, color-mix(in srgb, var(--hl-c) 24%, rgba(255,255,255,0.55)) 100%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--hl-c) 35%, transparent), inset 0 1px 0 #fff, 0 2px 6px color-mix(in srgb, var(--hl-c) 22%, transparent);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Pixel: an 8-bit block with notched pixel corners! */
mark.an-hl.an-s-px {
    padding: 0.02em 0.25em;
    margin: 0 -0.25em;
    border: 0;
    border-radius: 0;
    background: color-mix(in srgb, var(--hl-c) 45%, #fff);
    box-shadow: 0 -2px 0 0 var(--hl-edge), 0 2px 0 0 var(--hl-edge), -2px 0 0 0 var(--hl-edge), 2px 0 0 0 var(--hl-edge), inset 0 -2px 0 0 color-mix(in srgb, var(--hl-c) 70%, #000), inset 0 2px 0 0 rgba(255,255,255,0.7);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Flag: a glossy ribbon flag with a rounded end on the left and a swallowtail notch on the right! */
mark.an-hl.an-s-fl {
    padding: 0.05em 0.42em 0.05em 0.32em;
    margin: 0 calc(-0.42em - 1px) 0 calc(-0.32em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 62 40 62 40 fill;
    border-image-width: 0.62em 0.4em 0.62em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Gem: a cut-gem shape with pointed ends and shiny facets! */
mark.an-hl.an-s-gm {
    padding: 0.05em 0.4em;
    margin: 0 calc(-0.4em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 62 40 62 40 fill;
    border-image-width: 0.62em 0.4em 0.62em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
mark.an-hl-red.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f16060%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fac7c7%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23c22121%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-red.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f26969%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbd0d0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23bb2020%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fa8839%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fdd5b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23ce4d0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fa8f45%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fedcc5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23c74b0a%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23edad2d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f9e2b5%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23b27904%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eeb239%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fae7c1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23ac7503%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2396d439%22/%3E%3Cstop offset=%221%22 stop-color=%22%23daf0b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23598f0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%239dd645%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e0f2c5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23568b0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2334c494%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b7ead9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%2304845c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2340c79a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c3eee0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23048059%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%234fe9d4%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1f7f0%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23219c91%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2359ead7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cbf8f2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%2320968c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%232bc1da%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b4e9f2%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%2307809d%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2338c5dd%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1edf4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23077b97%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%234fdae9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1f2f7%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23218f9c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2359dcea%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cbf4f8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23208b96%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%235895f7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c4dafc%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%232157cf%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23629bf8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cee0fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%231f54c8%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b56ef8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e5ccfd%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23812dce%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b977f9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e9d4fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%237d2bc7%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ef63a8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f9c8e0%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23c12269%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f06dad%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fad1e6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23ba2165%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23bfbfbf%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e8e8e8%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23626262%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c3c3c3%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ececec%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%235e5e5e%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eddd2d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f9f3b5%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23b29204%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eedf39%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faf5c1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23ac8d03%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
mark.an-hl-red.an-s-ul, mark.an-hl-red.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f9b4b4'/%3E%3Cstop offset='0.8125' stop-color='%23ef4444'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23dc2626'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f9b4b4'/%3E%3Cstop offset='0.8125' stop-color='%23ef4444'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23dc2626'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-ul, mark.an-hl-orange.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23fdc7a2'/%3E%3Cstop offset='0.8125' stop-color='%23f97316'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23ea580c'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23fdc7a2'/%3E%3Cstop offset='0.8125' stop-color='%23f97316'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23ea580c'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-ul, mark.an-hl-gold.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7d99c'/%3E%3Cstop offset='0.8125' stop-color='%23ea9f08'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23ca8a04'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7d99c'/%3E%3Cstop offset='0.8125' stop-color='%23ea9f08'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23ca8a04'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-ul, mark.an-hl-yellow.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7ef9c'/%3E%3Cstop offset='0.8125' stop-color='%23ead708'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23caa604'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7ef9c'/%3E%3Cstop offset='0.8125' stop-color='%23ead708'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23caa604'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-ul, mark.an-hl-lime.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23ceeba2'/%3E%3Cstop offset='0.8125' stop-color='%2384cc16'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%2365a30d'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23ceeba2'/%3E%3Cstop offset='0.8125' stop-color='%2384cc16'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%2365a30d'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-ul, mark.an-hl-green.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239fe3cd'/%3E%3Cstop offset='0.8125' stop-color='%2310b981'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23059669'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239fe3cd'/%3E%3Cstop offset='0.8125' stop-color='%2310b981'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23059669'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-ul, mark.an-hl-turquoise.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acf5eb'/%3E%3Cstop offset='0.8125' stop-color='%2330e5cd'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%2326b1a5'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acf5eb'/%3E%3Cstop offset='0.8125' stop-color='%2330e5cd'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%2326b1a5'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-ul, mark.an-hl-teal.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239be2ee'/%3E%3Cstop offset='0.8125' stop-color='%2306b6d4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%230891b2'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239be2ee'/%3E%3Cstop offset='0.8125' stop-color='%2306b6d4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%230891b2'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-ul, mark.an-hl-cyan.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acedf5'/%3E%3Cstop offset='0.8125' stop-color='%2330d3e5'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%2326a3b1'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acedf5'/%3E%3Cstop offset='0.8125' stop-color='%2330d3e5'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%2326a3b1'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-ul, mark.an-hl-blue.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23b1cdfb'/%3E%3Cstop offset='0.8125' stop-color='%233b82f6'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%232563eb'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23b1cdfb'/%3E%3Cstop offset='0.8125' stop-color='%233b82f6'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%232563eb'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-ul, mark.an-hl-purple.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23dcbbfc'/%3E%3Cstop offset='0.8125' stop-color='%23a855f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%239333ea'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23dcbbfc'/%3E%3Cstop offset='0.8125' stop-color='%23a855f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%239333ea'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-ul, mark.an-hl-pink.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7b6d6'/%3E%3Cstop offset='0.8125' stop-color='%23ec4899'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23db2777'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7b6d6'/%3E%3Cstop offset='0.8125' stop-color='%23ec4899'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23db2777'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-ul, mark.an-hl-slate.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23e1e1e1'/%3E%3Cstop offset='0.8125' stop-color='%23b4b4b4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%236f6f6f'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23e1e1e1'/%3E%3Cstop offset='0.8125' stop-color='%23b4b4b4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%236f6f6f'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }

/* ========================================================
   CUSTOM CSS (Skills!): chips whose whole look lives in their own style=""!
   ======================================================== */
.bbcss-chip {
    display: inline-block; position: relative;
    padding: 1px 10px; margin: 0 2px; border-radius: 8px;
    line-height: 1.45; vertical-align: baseline; caret-color: currentColor;
}
@keyframes bbcss-shimmer { from { background-position: 100% 0; } to { background-position: -150% 0; } }
/* Pulse + breathe glow with a drop-shadow filter, so they never wipe out the chip's own box-shadow! */
@keyframes bbcss-pulse { 0% { filter: drop-shadow(0 0 0 var(--bbcss-glow, rgba(239, 68, 68, 0.9))); } 70% { filter: drop-shadow(0 0 7px var(--bbcss-glow, rgba(239, 68, 68, 0.9))); } 100% { filter: drop-shadow(0 0 0 transparent); } }
@keyframes bbcss-flow { from { background-position: 0% 0; } to { background-position: 300% 0; } }
@keyframes bbcss-breathe { 0%, 100% { filter: drop-shadow(0 0 1px var(--bbcss-glow, rgba(16, 185, 129, 0.5))); } 50% { filter: drop-shadow(0 0 8px var(--bbcss-glow, rgba(16, 185, 129, 1))); } }
@keyframes bbcss-cursor { 0%, 100% { border-right-color: currentColor; } 50% { border-right-color: transparent; } }
@keyframes bbcss-twinkle { 0%, 100% { box-shadow: 0 0 2px rgba(253, 230, 138, 0.4); filter: brightness(1); } 50% { box-shadow: 0 0 12px rgba(253, 230, 138, 1); filter: brightness(1.15); } }
@keyframes bbcss-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes bbcss-hue { from { filter: hue-rotate(0deg); } to { filter: hue-rotate(360deg); } }
@keyframes bbcss-flicker { 0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; } 20%, 24%, 55% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) { .bbcss-chip { animation: none !important; } }

.cs-dialog { max-width: 860px; }
.cs-panel[hidden] { display: none; }
.cs-grid .us-tile-stage { min-height: 38px; padding: 0 4px; }
.cs-grid .us-tile-stage .bbcss-chip, .us-preview-stage .bbcss-chip { pointer-events: none; }
.cs-ui-group { grid-column: 1 / -1; margin: 8px 0 2px; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #7e22ce; border-bottom: 1px solid #e9d5ff; padding-bottom: 2px; }
.cs-ui-css { margin: 8px 0 2px; max-height: 160px; overflow: auto; padding: 8px; border-radius: 6px; background: #1e1b2e; color: #e9d5ff; font: 11px/1.5 'JetBrains Mono', monospace; white-space: pre-wrap; }
.cs-panel .unichip-hint code { font-family: 'JetBrains Mono', monospace; background: rgba(147, 51, 234, 0.1); padding: 0 3px; border-radius: 3px; }
.cs-snippets { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; }
.cs-snippet { font-size: 11px; padding: 3px 8px; }
.cs-code {
    display: block; width: 100%; box-sizing: border-box; min-height: 180px; height: min(30vh, 240px); resize: vertical;
    padding: 10px; border-radius: 8px; border: 1px solid #d8b4fe; background: #1e1b2e; color: #f3e8ff;
    font: 13px/1.55 'JetBrains Mono', monospace; tab-size: 2; caret-color: #f0abfc;
}
.cs-code:focus { outline: none; border-color: #9333ea; box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.25); }
/* Color underlines: a copy of the code sits behind the (see-through) editor, with every
   hex/rgb/hsl color underlined in its own color! Both must match exactly!
   The editor grows to fit its text and the box around it does the scrolling, so the text
   and the underlines scroll as ONE piece (no lag, no drift)! */
.cs-code-box { position: relative; }
.cs-code-wrap {
    position: relative; box-sizing: border-box; min-height: 180px; height: min(30vh, 240px); resize: vertical;
    overflow-y: auto; border-radius: 8px; border: 1px solid #d8b4fe; background: #1e1b2e;
}
.cs-code-wrap:focus-within { border-color: #9333ea; box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.25); }
.cs-code-wrap .cs-code {
    position: relative; z-index: 1; min-height: 100%; height: auto; resize: none; overflow: hidden;
    border: 0; border-radius: 0; background: transparent;
}
.cs-code-wrap .cs-code:focus { box-shadow: none; }
.cs-code-hl {
    position: absolute; top: 0; left: 0; right: 0; box-sizing: border-box;
    padding: 10px;
    font: 13px/1.55 'JetBrains Mono', monospace; tab-size: 2;
    white-space: pre-wrap; overflow-wrap: break-word; color: transparent; pointer-events: none;
}
/* The color's bar sits on a light strip, so dark and see-through colors still show up! */
.cs-col {
    border-radius: 2px;
    padding-bottom: 4px; /* (inline padding moves the bar down without moving any text) */
    background:
        linear-gradient(var(--c), var(--c)) left bottom / 100% 3px no-repeat,
        linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)) left bottom / 100% 3px no-repeat;
}
.cs-col.on { outline: 1px solid rgba(255, 255, 255, 0.35); outline-offset: 1px; }
/* The color picker that opens under a clicked color (HSV + alpha, like the Uni-Chip)! */
.cs-pick {
    position: absolute; z-index: 5; width: 260px; max-width: calc(100% - 8px); box-sizing: border-box; padding: 12px;
    border-radius: 10px; background: #fffdf7; border: 1px solid #d8b4fe;
    box-shadow: 0 10px 28px rgba(76, 29, 149, 0.35);
}
.cs-pick[hidden] { display: none; }
.cs-pick .unichip-picker { flex: none; }
.cs-pick .unichip-hex { min-width: 0; }
.cs-pick .px-seg-btn { font-size: 11px; padding: 4px 10px; }
.cs-code-status { margin-top: 6px; font-size: 12px; font-weight: 700; }
.cs-code-ok { color: #15803d; }
.cs-code-bad { color: #b45309; margin-top: 2px; }
.cs-dialog .us-preview-row { flex-wrap: wrap; }
.cs-dialog .us-preview-row .us-preview-name { flex: 1 1 140px; }
/* Saved CSS: name it, save it, load it back later! */
.cs-save-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.cs-save-row #cs-save-name { flex: 1 1 200px; width: auto; min-width: 0; }
.cs-save-msg { font-size: 12px; font-weight: 700; color: #15803d; }
.cs-saved-head { margin-top: 12px; }
.cs-saved { display: flex; flex-direction: column; gap: 4px; max-height: 170px; overflow-y: auto; margin-top: 6px; }
.cs-saved-empty { margin: 4px 0; font-size: 12px; color: #7e22ce; }
.cs-saved-row { display: flex; align-items: center; gap: 8px; padding: 4px 6px; border-radius: 8px; background: #ffffff; border: 1px solid #f3e8ff; }
.cs-saved-stage { flex: 0 0 auto; min-width: 70px; display: flex; justify-content: center; font-size: 12px; }
.cs-saved-stage .bbcss-chip { pointer-events: none; }
.cs-saved-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 800; color: #581c87; }
.cs-saved-row .px-seg-btn { font-size: 11px; padding: 3px 8px; }
.cs-saved-del.armed { background: #fee2e2; border-color: #f87171; color: #b91c1c; }
/* Find Styles: every formatting style, plus the CSS behind the one you pick! */
.cs-find-grid .us-tile-stage { overflow: hidden; }
.cs-find-grid .us-tile-stage > * { pointer-events: none; max-width: 100%; }
.cs-find-line { display: inline-block; max-width: 100%; }
.cs-find-license { margin: 8px 0 0; font-size: 11px; color: #6b21a8; }
.cs-dialog .us-toolbar #cs-search, .cs-dialog .us-toolbar #cs-find-search { flex: 1 1 220px; width: auto; min-width: 0; }
.cs-dialog .us-toolbar #cs-cat, .cs-dialog .us-toolbar #cs-find-src { flex: 0 1 240px; width: auto; min-width: 0; }
.cs-find-more { display: block; margin: 6px auto 0; }
.cs-find-more[hidden] { display: none; }
.cs-find-view { margin-top: 10px; padding: 8px; border-radius: 8px; background: #fffdf7; border: 1px solid #e9d5ff; }
.cs-find-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cs-find-head .us-preview-stage > * { pointer-events: none; }
.cs-find-title { flex: 1 1 200px; min-width: 0; }
.cs-find-name { font-size: 13px; font-weight: 800; color: #581c87; }
.cs-find-meta { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #7e22ce; overflow-wrap: anywhere; }
.cs-find-css { max-height: min(28vh, 240px); }
/* Interactive: your My CSS as an outline, one row per line! */
.csi-box { position: relative; }
.csi-list {
    display: flex; flex-direction: column; gap: 4px; max-height: min(40vh, 340px); overflow-y: auto;
    padding: 6px 8px; border-radius: 8px; background: #fffdf7; border: 1px solid #e9d5ff;
}
.csi-row { flex: none; display: flex; align-items: flex-start; gap: 10px; padding: 6px 8px; border-radius: 8px; background: #ffffff; border: 1px solid #f3e8ff; }
.csi-row.bad { border-color: #fcd34d; background: #fffbeb; }
.csi-label { flex: 0 0 11ch; line-height: 30px; font-size: 12px; font-weight: 800; color: #581c87; }
/* Values flow like text (pills sit in the line), and each layer of a stacked value gets its own line! */
.csi-value { flex: 1 1 auto; min-width: 0; font: 12px/30px 'JetBrains Mono', monospace; color: #475569; }
.csi-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.csi-break { display: block; height: 4px; }
.csi-tools { flex: none; display: flex; align-items: center; gap: 4px; }
.csi-color {
    display: inline-flex; align-items: center; gap: 5px; margin: 0 2px; padding: 0 8px 0 3px; height: 24px; line-height: 22px; vertical-align: middle; box-sizing: border-box;
    border: 1px solid #d8b4fe; border-radius: 999px; background: #ffffff; color: #581c87; font: inherit; cursor: pointer;
}
.csi-color:hover { border-color: #9333ea; }
.csi-color:focus-visible, .csi-btn:focus-visible { outline: 2px solid #9333ea; outline-offset: 1px; }
.csi-swatch {
    width: 16px; height: 16px; flex: none; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2);
    background: linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#cccccc 0 25%, #ffffff 0 50%) 0 0 / 8px 8px;
}
.csi-num { display: inline-flex; align-items: center; gap: 2px; margin: 0 2px; vertical-align: middle; line-height: 1; }
.csi-num-in { min-width: 0; height: 24px; box-sizing: border-box; padding: 0 4px; border: 1px solid #d8b4fe; border-radius: 6px; background: #faf5ff; color: #581c87; font: inherit; }
/* No spinner arrows (they'd cover a short number): ↑ and ↓ still step it! */
.csi-num-in { appearance: textfield; -moz-appearance: textfield; text-align: center; }
.csi-num-in::-webkit-inner-spin-button, .csi-num-in::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.csi-num-in:focus { outline: none; border-color: #9333ea; box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.25); }
.csi-unit { color: #7e22ce; font-weight: 700; }
.csi-warn { flex: none; color: #b45309; font-weight: 800; cursor: help; }
.csi-btn { flex: none; width: 26px; height: 26px; padding: 0; border: 1px solid #e9d5ff; border-radius: 6px; background: #ffffff; color: #7e22ce; cursor: pointer; }
.csi-btn:hover { border-color: #9333ea; background: #faf5ff; }
.csi-kw {
    height: 24px; margin: 0 2px; padding: 0 4px; vertical-align: middle; box-sizing: border-box;
    border: 1px solid #d8b4fe; border-radius: 6px; background: #faf5ff; color: #581c87; font: inherit; line-height: normal; cursor: pointer;
}
.csi-kw:focus { outline: none; border-color: #9333ea; box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.25); }
/* Gradients: a tinted box (like the Soft Tint preset) with a preview and each part as a pill! */
.csi-grad { display: block; margin: 2px 0; padding: 6px 8px; border-radius: 6px; background: rgba(59, 130, 246, 0.12); color: #1d4ed8; line-height: normal; }
.csi-grad-head { display: flex; align-items: center; gap: 8px; }
.csi-grad-name { flex: none; font-size: 11px; font-weight: 700; }
.csi-grad-preview { flex: 1 1 auto; min-width: 40px; height: 12px; border-radius: 4px; border: 1px solid rgba(29, 78, 216, 0.25); background-color: #ffffff; }
.csi-grad-preview.csi-grad-novar { background: repeating-linear-gradient(45deg, rgba(29, 78, 216, 0.08) 0 6px, transparent 6px 12px); }
.csi-grad-args { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.csi-grad-arg { display: inline-flex; flex-wrap: wrap; align-items: center; min-height: 28px; padding: 2px 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.75); color: #1e3a8a; }
.csi-grad-arg .csi-text { white-space: pre; }
/* var(): a Tag Pill (like the Minimal preset, minus the capitals: variable names care about case)! */
.csi-var-wrap { display: inline; }
.csi-var {
    display: inline-flex; align-items: center; height: 22px; margin: 0 2px; padding: 0 9px; vertical-align: middle; box-sizing: border-box;
    border: none; border-radius: 999px; background: #e0e7ff; color: #3730a3; font: inherit; font-size: 0.85em; font-weight: 800; letter-spacing: 0.04em; cursor: pointer;
}
.csi-var:hover { background: #c7d2fe; }
.csi-var:focus-visible { outline: 2px solid #4f46e5; outline-offset: 1px; }
.csi-var-or { color: #6366f1; }
/* Color mixes and other effects: a green Soft Tint box! */
.csi-func {
    display: inline; margin: 0 2px; padding: 3px 6px; border-radius: 6px; line-height: 30px;
    background: rgba(16, 185, 129, 0.12); color: #047857; -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.csi-func-name { margin-right: 4px; font-size: 11px; font-weight: 700; }
.csi-func-swatch { display: inline-block; width: 12px; height: 12px; margin-right: 4px; vertical-align: middle; }
.csi-func-swatch[hidden] { display: none; }
.csi-func .csi-text { color: #065f46; }
/* The var() menu: every variable this CSS defines, with its value (and color)! */
.csi-varmenu {
    position: absolute; z-index: 6; display: flex; flex-direction: column; gap: 2px; min-width: 200px; max-width: min(340px, calc(100% - 8px)); max-height: 240px; overflow-y: auto;
    padding: 6px; border-radius: 10px; background: #fffdf7; border: 1px solid #c7d2fe; box-shadow: 0 10px 28px rgba(55, 48, 163, 0.25);
}
.csi-varmenu-item {
    display: flex; align-items: center; gap: 8px; width: 100%; padding: 5px 8px; border: none; border-radius: 6px;
    background: transparent; color: #1e1b4b; font: 12px 'JetBrains Mono', monospace; text-align: left; cursor: pointer;
}
.csi-varmenu-item:hover, .csi-varmenu-item:focus-visible { background: #eef2ff; outline: none; }
.csi-varmenu-item.on { background: #e0e7ff; font-weight: 800; }
.csi-varmenu-name { flex: none; font-weight: 800; color: #3730a3; }
.csi-varmenu-val { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #64748b; }
.csi-swatch-none { background: repeating-linear-gradient(45deg, #e2e8f0 0 3px, #ffffff 3px 6px); }
.csi-varmenu-empty { margin: 4px; font-size: 12px; color: #4338ca; }
.csi-raw { flex: 1 1 auto; width: 100%; padding: 4px 6px; font: 12px 'JetBrains Mono', monospace; }
.csi-group { margin-top: 6px; }
.csi-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.csi-foot #csi-add { flex: 0 1 240px; width: auto; min-width: 0; }
@media (max-width: 620px) {
    .csi-label { min-width: 0; }
}

/* --- Font picker (top bar): a custom menu, every font shown in its own typeface! --- */
.font-pick-native { display: none !important; }
.font-pick-btn { display: inline-flex; align-items: center; gap: 8px; min-width: 150px; max-width: 220px; justify-content: space-between; }
.font-pick-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.font-pick-caret { flex: none; font-size: 10px; }
.font-pick-menu {
    position: fixed; z-index: 10050; width: 280px; overflow-y: auto; box-sizing: border-box; padding: 6px;
    border-radius: 12px; border: 1px solid #d8b4fe;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 255, 0.98) 100%);
    box-shadow: 0 12px 30px rgba(126, 34, 206, 0.3), inset 0 1px 1px #ffffff;
    font-family: 'JetBrains Mono', monospace; color: #3b0764;
}
.font-pick-menu[hidden] { display: none; }
.font-pick-head { margin: 8px 6px 4px; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #9333ea; }
.font-pick-row { display: flex; align-items: center; gap: 4px; }
.font-pick-item {
    flex: 1 1 auto; min-width: 0; padding: 7px 10px; border: none; border-radius: 8px; background: transparent;
    color: #3b0764; font-size: 15px; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.font-pick-item:hover, .font-pick-item:focus-visible { background: #f3e8ff; outline: none; }
.font-pick-item.on { background: linear-gradient(180deg, #c084fc 0%, #9333ea 100%); color: #ffffff; }
.font-pick-kind { flex: none; padding: 1px 6px; border-radius: 999px; background: #f3e8ff; color: #6b21a8; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.font-pick-x { flex: none; width: 24px; height: 24px; padding: 0; border: 1px solid #e9d5ff; border-radius: 6px; background: #ffffff; color: #6b21a8; cursor: pointer; }
.font-pick-x:hover { border-color: #f87171; color: #b91c1c; }
.font-pick-empty { margin: 2px 10px 6px; font-size: 11px; color: #6b21a8; }
.font-pick-adds { margin-top: 6px; padding-top: 4px; border-top: 1px solid #e9d5ff; display: flex; flex-direction: column; gap: 6px; }
.font-pick-sysrow { display: flex; gap: 6px; padding: 0 4px; }
.font-pick-input {
    flex: 1 1 auto; min-width: 0; padding: 6px 8px; border: 1px solid #d8b4fe; border-radius: 8px; background: #ffffff;
    color: #3b0764; font: 12px 'JetBrains Mono', monospace;
}
.font-pick-input:focus { outline: none; border-color: #9333ea; box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.2); }
.font-pick-action {
    margin: 0 4px; padding: 6px 10px; border: 1px solid #d8b4fe; border-radius: 8px; cursor: pointer;
    background: linear-gradient(180deg, #ffffff 0%, #f3e8ff 100%); color: #6b21a8; font: 700 12px 'JetBrains Mono', monospace; text-align: left;
}
.font-pick-action:hover { background: linear-gradient(180deg, #c084fc 0%, #9333ea 100%); color: #ffffff; border-color: #9333ea; }
.font-pick-sysrow .font-pick-action { margin: 0; flex: none; }
.font-pick-browse { display: flex; flex-direction: column; gap: 4px; padding: 0 4px; }
.font-pick-browse[hidden] { display: none; }
.font-pick-results { max-height: 180px; overflow-y: auto; display: flex; flex-direction: column; }
.font-pick-msg { min-height: 1em; margin: 0 6px 4px; font-size: 11px; font-weight: 700; color: #047857; }
.font-pick-msg.bad { color: #b45309; }

/* --- Right-click styles: favorite Gallery styles or CSS presets/creations for selected text! --- */
.rc-menu {
    position: fixed; z-index: 10060; width: min(340px, calc(100vw - 16px)); box-sizing: border-box; padding: 8px;
    border-radius: 12px; border: 1px solid #d8b4fe;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 255, 0.98) 100%);
    box-shadow: 0 12px 30px rgba(126, 34, 206, 0.3), inset 0 1px 1px #ffffff;
    font-family: 'JetBrains Mono', monospace; color: #3b0764;
}
.rc-menu[hidden] { display: none; }
.rc-menu .rc-tabs { margin-bottom: 8px; }
.rc-menu .rc-tabs .format-segment-btn { font-size: 12px; padding: 6px; }
.rc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; max-height: 300px; overflow-y: auto; }
.rc-item {
    display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 10px 4px 6px;
    border: 1px solid #f3e8ff; border-radius: 8px; background: #ffffff; color: #3b0764; font: inherit; cursor: pointer;
}
.rc-item:hover, .rc-item:focus-visible { border-color: #9333ea; box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.25); outline: none; }
.rc-stage { min-height: 30px; max-width: 100%; display: flex; align-items: center; justify-content: center; padding: 4px 6px; font-size: 13px; }
.rc-item { overflow: hidden; } /* (glows get room inside the card, but nothing spills past it) */
.rc-stage > * { pointer-events: none; }
.rc-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 800; color: #6b21a8; }
.rc-sub { max-width: 100%; margin-top: -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; font-weight: 600; color: #a78bfa; }
.rc-empty { grid-column: 1 / -1; margin: 6px 4px; font-size: 12px; color: #6b21a8; }

/* Printing: no scrollbars on paper (the custom gel scrollbar used to print along with the page)! */
@media print {
    ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
    html, body, * { scrollbar-width: none !important; -ms-overflow-style: none !important; }
}
/* The Writeout Annotator's own pens, as Annotate styles Keydown can write: #Y.marker(text), #C.glow(text), #R.lasso(text)! */
/* Marker: a translucent fill with soft rounded ends, a touch darker at the bottom like real ink */
mark.an-hl.an-s-mk {
    padding: 0 .12em;
    margin: 0 -.12em;
    border: 0;
    border-radius: .25em .45em .3em .5em;
    box-shadow: none;
    background: linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 38%, transparent) 0%, color-mix(in srgb, var(--hl-c) 62%, transparent) 100%);
}
/* Glow Pen: the words light up in the color (no fill, no line) */
mark.an-hl.an-s-gl {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
    text-shadow: 0 0 .25em var(--hl-c), 0 0 .6em color-mix(in srgb, var(--hl-c) 70%, transparent);
}
/* Lasso: a hand-drawn dashed loop around the words */
mark.an-hl.an-s-ls {
    padding: 0 .35em;
    margin: 0 -.35em;
    border: 2px dashed var(--hl-edge);
    border-radius: 999px;
    background: none;
    box-shadow: none;
}
/* Gel Bracket (#C#text#[), Gel Guillemets (#C#text#>) and Gel Double Brackets (#C#text#[[): the Gel Underline's glossy tube (a deeper edge, a light-to-color core, a white shine and round ends),
   bent into [ ], « » and ⟦ ⟧. The brackets are tiny SVGs (one per color), drawn left and right of the words; the right one is the left one mirrored! */
mark.an-hl.an-s-br, mark.an-hl.an-s-gu, mark.an-hl.an-s-db { --bw: 0.5em; padding: 0 0.12em; margin: 0 0.04em; border: 0; border-radius: 0; background: none; box-shadow: none; }
mark.an-hl.an-s-gu { --bw: 0.72em; } mark.an-hl.an-s-db { --bw: 0.78em; }
mark.an-hl.an-s-br::before, mark.an-hl.an-s-br::after, mark.an-hl.an-s-gu::before, mark.an-hl.an-s-gu::after, mark.an-hl.an-s-db::before, mark.an-hl.an-s-db::after { content: ""; display: inline-block; width: var(--bw); height: 1.3em; vertical-align: -0.34em; margin: 0 0.1em; background: var(--brg) center / 100% 100% no-repeat; }
mark.an-hl.an-s-br::after, mark.an-hl.an-s-gu::after, mark.an-hl.an-s-db::after { transform: scaleX(-1); }
mark.an-hl-red.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23dc2626' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ef4444' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f7a2a2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ea580c' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f97316' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23fcb98a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ca8a04' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ea9f08' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f4cf84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23caa604' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ead708' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f4eb84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2365a30d' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2384cc16' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23c2e68a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23059669' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2310b981' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2388dcc0' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2326b1a5' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2330e5cd' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2398f2e6' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%230891b2' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2306b6d4' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2382daea' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2326a3b1' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2330d3e5' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2398e9f2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%232563eb' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%233b82f6' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%239dc0fa' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%239333ea' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23a855f7' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23d4aafb' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23db2777' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ec4899' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f6a4cc' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%236f6f6f' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23b4b4b4' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23dadada' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-red.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23dc2626' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ef4444' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f7a2a2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ea580c' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f97316' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23fcb98a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ca8a04' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ea9f08' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f4cf84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23caa604' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ead708' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f4eb84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2365a30d' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2384cc16' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23c2e68a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23059669' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2310b981' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2388dcc0' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2326b1a5' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2330e5cd' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2398f2e6' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%230891b2' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2306b6d4' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2382daea' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2326a3b1' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2330d3e5' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2398e9f2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%232563eb' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%233b82f6' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%239dc0fa' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%239333ea' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23a855f7' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23d4aafb' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23db2777' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ec4899' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f6a4cc' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%236f6f6f' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23b4b4b4' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23dadada' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-red.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23dc2626' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ef4444' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f7a2a2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-orange.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ea580c' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f97316' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23fcb98a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-gold.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ca8a04' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ea9f08' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f4cf84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-yellow.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23caa604' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ead708' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f4eb84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-lime.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2365a30d' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2384cc16' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23c2e68a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-green.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23059669' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2310b981' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2388dcc0' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-turquoise.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2326b1a5' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2330e5cd' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2398f2e6' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-teal.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%230891b2' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2306b6d4' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2382daea' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-cyan.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2326a3b1' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2330d3e5' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2398e9f2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-blue.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%232563eb' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%233b82f6' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%239dc0fa' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-purple.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%239333ea' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23a855f7' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23d4aafb' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-pink.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23db2777' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ec4899' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f6a4cc' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
mark.an-hl-slate.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%236f6f6f' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23b4b4b4' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23dadada' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }

/* Quote lines typed one after another (each is its own box while you type) look like one quote; the Source and View modes join them for real */
:is(#wysiwyg-canvas, .kd-doc, .kd-content, body) .blockquote-list:not(.kd-bq) + .blockquote-list:not(.kd-bq) { margin-top: 0; border-top-right-radius: 0; }
:is(#wysiwyg-canvas, .kd-doc, .kd-content, body) .blockquote-list:not(.kd-bq):has(+ .blockquote-list:not(.kd-bq)) { margin-bottom: 0; border-bottom-right-radius: 0; }

/* ========================================================
   TWELVE MORE ANNOTATE HIGHLIGHT STYLES, written by name: #R.half(words), #B.sweep(words) ... in every highlight color (var --hl-c / --hl-edge)!
   half, sweep, pop, tick, hatch, grid, dashbox, stitch, squiggle, double, spot, leaf
   ======================================================== */
mark.an-hl.an-s-hf, mark.an-hl.an-s-sw, mark.an-hl.an-s-po, mark.an-hl.an-s-tc, mark.an-hl.an-s-hc, mark.an-hl.an-s-gr,
mark.an-hl.an-s-dx, mark.an-hl.an-s-sh, mark.an-hl.an-s-sq, mark.an-hl.an-s-dl, mark.an-hl.an-s-sp, mark.an-hl.an-s-lf {
    border: 0; box-shadow: none; border-radius: 3px; padding: 0.05em 0.3em; margin: 0 -0.3em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Half: the marker only covers the lower half of the words */
mark.an-hl.an-s-hf { background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--hl-c) 72%, transparent) 50%); border-radius: 1px; }
/* Sweep: a stroke that starts strong and fades away to the right */
mark.an-hl.an-s-sw { background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 78%, transparent) 0%, color-mix(in srgb, var(--hl-c) 4%, transparent) 100%); border-radius: 0.4em 0 0 0.4em; }
/* Pop: a tinted block with a hard offset shadow behind it, like a sticker */
mark.an-hl.an-s-po { background: color-mix(in srgb, var(--hl-c) 38%, transparent); border: 2px solid var(--hl-edge); box-shadow: 0.14em 0.14em 0 var(--hl-edge); margin-right: calc(-0.3em + 0.14em); }
/* Tick: a thick bar on the left, like a quote or a bookmark */
mark.an-hl.an-s-tc { background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 52%, transparent), color-mix(in srgb, var(--hl-c) 10%, transparent)); border-left: 0.28em solid var(--hl-edge); border-radius: 0 3px 3px 0; padding-left: 0.4em; margin-left: -0.4em; }
/* Hatch: fine diagonal pen lines over a pale tint */
mark.an-hl.an-s-hc { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--hl-c) 60%, transparent) 0 1.5px, transparent 1.5px 5px), color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Grid: graph paper */
mark.an-hl.an-s-gr { background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 50%, transparent) 1px, transparent 1px) 0 0 / 0.5em 0.5em, linear-gradient(0deg, color-mix(in srgb, var(--hl-c) 50%, transparent) 1px, transparent 1px) 0 0 / 0.5em 0.5em, color-mix(in srgb, var(--hl-c) 10%, transparent); border: 1px solid color-mix(in srgb, var(--hl-edge) 55%, transparent); border-radius: 2px; }
/* Dashbox: a tinted box with a dashed outline */
mark.an-hl.an-s-dx { background: color-mix(in srgb, var(--hl-c) 14%, transparent); border: 2px dashed var(--hl-edge); border-radius: 0.3em; }
/* Stitch: a tinted strip with a stitched line above and below */
mark.an-hl.an-s-sh { background: color-mix(in srgb, var(--hl-c) 24%, transparent); border-top: 2px dashed var(--hl-edge); border-bottom: 2px dashed var(--hl-edge); border-radius: 2px; }
/* Squiggle: a faint tint with a wavy line underneath */
mark.an-hl.an-s-sq { background: color-mix(in srgb, var(--hl-c) 16%, transparent); text-decoration: underline wavy var(--hl-edge) 1px; text-underline-offset: 0.16em; text-decoration-skip-ink: none; }
/* Double: a faint tint with a double underline */
mark.an-hl.an-s-dl { background: color-mix(in srgb, var(--hl-c) 14%, transparent); text-decoration: underline double var(--hl-edge); text-decoration-thickness: 1.5px; text-underline-offset: 0.12em; }
/* Spot: a soft glowing blob behind the words, with no edges */
mark.an-hl.an-s-sp { background: radial-gradient(ellipse 62% 105% at 50% 55%, color-mix(in srgb, var(--hl-c) 80%, transparent) 0%, color-mix(in srgb, var(--hl-c) 36%, transparent) 55%, color-mix(in srgb, var(--hl-c) 0%, transparent) 100%); padding: 0.1em 0.6em; margin: 0 -0.6em; border-radius: 999px; }
/* Leaf: opposite corners rounded wide, like a leaf */
mark.an-hl.an-s-lf { background: color-mix(in srgb, var(--hl-c) 42%, transparent); border: 2px solid var(--hl-edge); border-radius: 0.9em 0 0.9em 0; padding: 0.05em 0.55em; margin: 0 -0.55em; }

/* ========================================================
   TWELVE EVEN MORE ANNOTATE HIGHLIGHT STYLES, written by name: #R.underbar(words) ... in every highlight color (var --hl-c / --hl-edge)!
   underbar, overbar, zigzag, dotted, sunken, glass, pinstripe, band, misprint, ring, dashline, weave
   ======================================================== */
mark.an-hl.an-s-ub, mark.an-hl.an-s-ob, mark.an-hl.an-s-zz, mark.an-hl.an-s-dt, mark.an-hl.an-s-sk, mark.an-hl.an-s-gs,
mark.an-hl.an-s-pn, mark.an-hl.an-s-bn, mark.an-hl.an-s-mp, mark.an-hl.an-s-rg, mark.an-hl.an-s-dn, mark.an-hl.an-s-wv {
    border: 0; box-shadow: none; background: none; border-radius: 3px; padding: 0.05em 0.3em; margin: 0 -0.3em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Underbar: just a thick colored bar under the words */
mark.an-hl.an-s-ub { border-bottom: 0.24em solid var(--hl-c); border-radius: 0; padding: 0 0.15em; margin: 0 -0.15em; }
/* Overbar: a thick bar over the words, with a faint tint */
mark.an-hl.an-s-ob { border-top: 0.24em solid var(--hl-edge); border-radius: 0; background: color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Zigzag: a sawtooth line along the bottom */
mark.an-hl.an-s-zz { padding-bottom: 0.2em; background: linear-gradient(135deg, var(--hl-edge) 25%, transparent 25%) 0 100% / 0.4em 0.2em repeat-x, linear-gradient(225deg, var(--hl-edge) 25%, transparent 25%) 0 100% / 0.4em 0.2em repeat-x, color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Dotted: round dots under the words, with a faint tint */
mark.an-hl.an-s-dt { border-bottom: 0.2em dotted var(--hl-edge); border-radius: 0; background: color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Sunken: pressed into the page, like a slot */
mark.an-hl.an-s-sk { background: color-mix(in srgb, var(--hl-c) 22%, transparent); box-shadow: inset 0 0.12em 0.22em color-mix(in srgb, var(--hl-edge) 60%, transparent), 0 1px 0 rgba(255, 255, 255, 0.8); }
/* Glass: two tones with a sharp horizon, like a glossy button */
mark.an-hl.an-s-gs { background: linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 38%, transparent) 0 50%, color-mix(in srgb, var(--hl-c) 70%, transparent) 50% 100%); border: 1px solid color-mix(in srgb, var(--hl-edge) 75%, transparent); border-radius: 0.3em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); }
/* Pinstripe: fine vertical stripes between two edge lines */
mark.an-hl.an-s-pn { background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 46%, transparent) 0 2px, color-mix(in srgb, var(--hl-c) 12%, transparent) 2px 4px); border-top: 2px solid var(--hl-edge); border-bottom: 2px solid var(--hl-edge); border-radius: 0; }
/* Band: a soft glowing band that fades away above and below */
mark.an-hl.an-s-bn { background: linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 0%, transparent) 0%, color-mix(in srgb, var(--hl-c) 70%, transparent) 50%, color-mix(in srgb, var(--hl-c) 0%, transparent) 100%); border-radius: 0; padding: 0.15em 0.3em; }
/* Misprint: two colored copies slightly off to the side, like a badly lined-up print */
mark.an-hl.an-s-mp { box-shadow: 0.16em 0.12em 0 color-mix(in srgb, var(--hl-c) 62%, transparent), -0.12em -0.08em 0 color-mix(in srgb, var(--hl-edge) 30%, transparent); }
/* Ring: just a round outline, no fill */
mark.an-hl.an-s-rg { border: 2px solid var(--hl-edge); border-radius: 999px; padding: 0.02em 0.5em; margin: 0 -0.5em; }
/* Dashline: a dashed line under the words, with a faint tint */
mark.an-hl.an-s-dn { border-bottom: 2px dashed var(--hl-edge); border-radius: 0; background: color-mix(in srgb, var(--hl-c) 16%, transparent); }
/* Weave: crossing diagonal lines, like fabric */
mark.an-hl.an-s-wv { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--hl-c) 52%, transparent) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--hl-c) 52%, transparent) 0 1px, transparent 1px 4px), color-mix(in srgb, var(--hl-c) 10%, transparent); }