#r021-settings .rfs-page{max-width:840px;padding-bottom:56px}
#r021-settings .rfs-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:4px}
#r021-settings .rfs-page-heading>div{min-width:0}
#r021-settings .rfs-page-heading h1{margin-bottom:5px}
#r021-settings .rfs-preview-launch{flex:0 0 auto;min-width:128px}
#r021-settings .rfs-content-note{display:flex;flex-direction:column;gap:5px;margin:6px 0 14px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}
#r021-settings .rfs-content-note strong{font-size:13px;color:var(--text)}
#r021-settings .rfs-content-note span{font-size:12px;line-height:1.5;color:var(--muted)}
#r021-settings .rfs-select{min-width:190px}
#r021-settings .rfs-scope-field{display:flex;flex-direction:column;gap:7px;margin:2px 0 12px}
#r021-settings .rfs-scope-field>span{font-size:12px;font-weight:700;color:var(--text-soft)}
#r021-settings .rfs-scope-field select{width:100%}
#r021-settings .rfs-reset-link{margin:-3px 0 8px;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-size:12px;cursor:pointer}
#r021-settings .rfs-reset-link:hover{text-decoration:underline}
#r021-settings .rfs-inline-copy{margin:0 0 12px!important}

#r021-settings .rfs-base-themes{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:10px 0 20px}
#r021-settings .rfs-base-theme{width:72px;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;text-align:left;cursor:pointer}
#r021-settings .rfs-base-theme i{position:relative;display:block;width:48px;height:48px;margin-bottom:7px;border:1px solid var(--border-strong);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
#r021-settings .rfs-base-theme.active i{outline:3px solid var(--accent);outline-offset:2px}
#r021-settings .rfs-base-theme.active i::after{content:'✓';position:absolute;right:-8px;top:-8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800}
#r021-settings .rfs-base-theme.active span{color:var(--text);font-weight:700}

#r021-settings .rfs-theme-studio{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:18px;align-items:center;margin:4px 0 2px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent),transparent 90%),var(--bg-2) 42%)}
#r021-settings .rfs-theme-studio-art{position:relative;height:64px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#6569e8,#be57d8 55%,#ff995a)}
#r021-settings .rfs-theme-studio-art::before{content:'';position:absolute;inset:8px 28px 8px 8px;border-radius:6px;background:#1b1d23;box-shadow:22px 10px 0 -6px #f5f6f8}
#r021-settings .rfs-theme-studio-art i{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#fff}
#r021-settings .rfs-theme-studio-art i:nth-child(1){left:18px;top:17px}.rfs-theme-studio-art i:nth-child(2){left:18px;top:28px}.rfs-theme-studio-art i:nth-child(3){left:18px;top:39px}
#r021-settings .rfs-theme-studio-art b{position:absolute;z-index:3;right:8px;bottom:7px;width:38px;height:27px;border-radius:6px;background:linear-gradient(135deg,#ff75c8,#715bff)}
#r021-settings .rfs-theme-studio>div:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}
#r021-settings .rfs-theme-studio strong{color:var(--text);font-size:16px}
#r021-settings .rfs-theme-studio span{color:var(--muted);font-size:11px;line-height:1.45}

#r021-settings .rfs-colour-themes{display:grid;grid-template-columns:repeat(8,52px);gap:9px}
#r021-settings .rfs-colour-theme{width:52px;height:52px;padding:3px;border:2px solid transparent;border-radius:11px;background:transparent;cursor:pointer}
#r021-settings .rfs-colour-theme i{display:block;width:100%;height:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:inset 0 0 18px rgba(255,255,255,.05)}
#r021-settings .rfs-colour-theme.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 35%)}
#r021-settings .rfs-colour-theme:hover{transform:translateY(-1px)}
#r021-settings .rfs-accent-row{gap:11px}

#r021-settings .rfs-icon-grid{display:grid;grid-template-columns:repeat(8,minmax(68px,1fr));gap:9px}
#r021-settings .rfs-icon-choice{min-width:0;padding:9px 6px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--muted);font:inherit;font-size:10px;cursor:pointer}
#r021-settings .rfs-icon-choice:hover{border-color:var(--border-strong);background:var(--bg-3)}
#r021-settings .rfs-icon-choice.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--text)}
#r021-settings .rfs-icon-choice>span:last-child{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rfs-icon-mark{width:42px;height:42px;margin:auto;display:grid;place-items:center;border-radius:13px;background:var(--icon-bg);color:var(--icon-fg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.rfs-icon-mark b{font-size:20px;font-weight:850;letter-spacing:-.08em;transform:translateX(-1px)}

#r021-settings .rfs-related-card{width:100%;min-height:62px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
#r021-settings .rfs-related-card:hover{background:var(--bg-3)}
#r021-settings .rfs-related-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--bg-3);color:var(--text-soft);font-size:16px;font-weight:800}
#r021-settings .rfs-related-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}
#r021-settings .rfs-related-card strong{font-size:13px}.rfs-related-card small{color:var(--muted);font-size:11px;line-height:1.35}.rfs-related-card b{color:var(--muted);font-size:28px;font-weight:400}

#r021-settings .rfs-range{width:min(360px,36vw);display:grid;grid-template-columns:minmax(130px,1fr) 48px;gap:11px;align-items:center}
#r021-settings .rfs-range input{width:100%;accent-color:var(--accent)}
#r021-settings .rfs-range output{color:var(--text-soft);font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
#r021-settings .rfs-density-block{margin:4px 0 12px;padding:8px 0}
#r021-settings .rfs-density-block>strong,#r021-settings .rfs-density-block>span{display:block}.rfs-density-block>strong{color:var(--text);font-size:13px}.rfs-density-block>span{margin-top:4px;color:var(--muted);font-size:11px}
#r021-settings .rfs-inline-radios{margin-top:9px}

#r021-settings .rfs-a11y-preview{--preview-font-size:16px;--preview-gap:12px;position:relative;margin:20px 0 32px;padding:30px 22px 18px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-1);overflow:hidden}
#r021-settings .rfs-a11y-preview-label{position:absolute;left:0;top:0;padding:6px 10px;border-radius:0 0 8px 0;background:var(--bg-3);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}
#r021-settings .rfs-a11y-message{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;margin-top:var(--preview-gap);font-size:var(--preview-font-size)}
#r021-settings .rfs-a11y-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800}
#r021-settings .rfs-a11y-message>div>div:first-child{display:flex;align-items:baseline;gap:7px}.rfs-a11y-name{color:color-mix(in srgb,var(--accent),#fff 24%);font-size:.9em}.rfs-a11y-message small{color:var(--muted);font-size:.67em}.rfs-a11y-message p{margin:3px 0 0;color:var(--text);font-size:.88em;line-height:1.4}.rfs-a11y-message a{color:var(--accent)}
#r021-settings .rfs-a11y-preview.underlined a{text-decoration:underline}.rfs-a11y-reactions{display:flex;gap:5px;margin-top:6px}.rfs-a11y-reactions button{padding:4px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg-3);color:var(--text);font-size:10px}.rfs-a11y-example{align-self:center;font-size:10px!important;padding:7px 10px!important}
#r021-settings .rfs-a11y-presence{position:absolute;right:14px;top:18px;display:flex;flex-direction:column;gap:5px}.rfs-a11y-presence i{width:22px;height:22px;border-radius:50%;background:#43b581}.rfs-a11y-presence i:nth-child(2){background:#f0b232}.rfs-a11y-presence i:nth-child(3){background:#f23f43}
#r021-settings .rfs-a11y-preview.high-contrast{border-width:2px}.rfs-a11y-preview.high-contrast .rfs-a11y-message p,.rfs-a11y-preview.high-contrast .rfs-a11y-name{font-weight:700}

.rfs-media-blurred{filter:blur(18px);transform:scale(.985);cursor:pointer;transition:filter .16s ease,transform .16s ease}
.rfs-media-blurred:hover{filter:blur(11px);transform:scale(1)}
.rift-media-block-placeholder,.rift-media-hidden-note,.rift-spam-warning{display:block;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-3);color:var(--text-soft);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.rift-media-block-placeholder:hover,.rift-media-hidden-note:hover,.rift-spam-warning:hover{background:var(--bg-4);color:var(--text)}
.rift-spam-filtered>.message-content{display:none!important}.rift-spam-filtered>.message-actions{display:none!important}
.rift-spam-warning{margin:3px 0 5px;border-color:color-mix(in srgb,#e6a33a,transparent 45%);background:color-mix(in srgb,#e6a33a,transparent 90%)}
.rfs-spoiler{display:inline;padding:0 3px;border:0;border-radius:3px;background:var(--text);color:transparent;font:inherit;line-height:inherit;cursor:pointer;vertical-align:baseline}.rfs-spoiler.revealed{background:var(--bg-4);color:var(--text)}

/* Real-app theme preview. Settings are hidden while the actual app remains live behind the panel. */
#r021-settings.rfs-settings-suspended{display:none!important}
body.rfs-theme-preview-open{overflow:hidden}
.rfs-theme-preview{position:fixed;z-index:50000;right:16px;top:16px;bottom:16px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-1);box-shadow:0 28px 90px rgba(0,0,0,.5);color:var(--text);overflow:auto;pointer-events:auto}
.rfs-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rfs-preview-head>div{display:flex;flex-direction:column;gap:3px}.rfs-preview-head strong{font-size:17px}.rfs-preview-head span{font-size:11px;color:var(--muted)}
.rfs-preview-head>button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.rfs-preview-head>button:hover{background:var(--bg-3);color:var(--text)}
.rfs-preview-real-note{display:grid;grid-template-columns:10px 1fr;gap:9px;align-items:start;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2)}.rfs-live-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#43b581;box-shadow:0 0 0 4px color-mix(in srgb,#43b581,transparent 82%)}.rfs-preview-real-note div{display:flex;flex-direction:column;gap:2px}.rfs-preview-real-note strong{font-size:12px}.rfs-preview-real-note small{color:var(--muted);font-size:10px;line-height:1.4}
.rfs-preview-block{display:flex;flex-direction:column;gap:9px}.rfs-preview-block>strong{font-size:12px;color:var(--text-soft)}
.rfs-preview-base{display:flex;gap:9px}.rfs-preview-base button{width:46px;height:46px;padding:3px;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer}.rfs-preview-base button i{display:block;width:100%;height:100%;border:1px solid var(--border-strong);border-radius:7px}.rfs-preview-base button.active{border-color:var(--accent)}
.rfs-preview-colours{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.rfs-preview-colours button{aspect-ratio:1;padding:2px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.rfs-preview-colours button i{display:block;width:100%;height:100%;border-radius:6px}.rfs-preview-colours button.active{border-color:var(--accent)}
.rfs-preview-accent{display:grid;grid-template-columns:48px repeat(4,1fr);gap:7px}.rfs-preview-accent input{width:48px;height:38px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2)}.rfs-preview-accent button{height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;cursor:pointer}.rfs-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}

/* Colour themes are overlays on the selected base theme, not replacements for contrast rules. */
html{--rfs-theme-gradient:none;--rfs-app-icon-bg:#d84b4b;--rfs-app-icon-fg:#fff;--rift-chat-text-size:16px;--rift-message-group-spacing:12px;--rift-ui-saturation:1}
html[data-rift-colour-theme='mint']{--rfs-theme-gradient:linear-gradient(135deg,rgba(63,191,127,.22),rgba(176,220,110,.16))}
html[data-rift-colour-theme='sunset']{--rfs-theme-gradient:linear-gradient(135deg,rgba(238,151,72,.24),rgba(226,100,118,.18))}
html[data-rift-colour-theme='frost']{--rfs-theme-gradient:linear-gradient(135deg,rgba(84,151,214,.22),rgba(86,193,201,.15))}
html[data-rift-colour-theme='meadow']{--rfs-theme-gradient:linear-gradient(135deg,rgba(133,176,73,.20),rgba(54,166,116,.15))}
html[data-rift-colour-theme='blossom']{--rfs-theme-gradient:linear-gradient(135deg,rgba(218,107,161,.20),rgba(218,159,76,.14))}
html[data-rift-colour-theme='cotton']{--rfs-theme-gradient:linear-gradient(135deg,rgba(232,132,172,.18),rgba(113,139,230,.18))}
html[data-rift-colour-theme='lagoon']{--rfs-theme-gradient:linear-gradient(135deg,rgba(54,151,204,.18),rgba(88,185,126,.16))}
html[data-rift-colour-theme='ivory']{--rfs-theme-gradient:linear-gradient(135deg,rgba(210,190,104,.15),rgba(238,226,184,.10))}
html[data-rift-colour-theme='dusk']{--rfs-theme-gradient:linear-gradient(135deg,rgba(86,50,165,.28),rgba(211,98,72,.18))}
html[data-rift-colour-theme='prism']{--rfs-theme-gradient:linear-gradient(135deg,rgba(113,45,150,.25),rgba(217,21,121,.20),rgba(30,121,206,.22))}
html[data-rift-colour-theme='forest']{--rfs-theme-gradient:linear-gradient(135deg,rgba(8,88,70,.28),rgba(73,111,61,.22))}
html[data-rift-colour-theme='crimson']{--rfs-theme-gradient:linear-gradient(135deg,rgba(127,0,0,.28),rgba(198,25,25,.18))}
html[data-rift-colour-theme='violet']{--rfs-theme-gradient:linear-gradient(135deg,rgba(47,20,115,.30),rgba(87,56,198,.20))}
html[data-rift-colour-theme='berry']{--rfs-theme-gradient:linear-gradient(135deg,rgba(116,54,69,.26),rgba(159,73,77,.16))}
html[data-rift-colour-theme='slate']{--rfs-theme-gradient:linear-gradient(135deg,rgba(63,75,94,.25),rgba(104,119,166,.18))}
html[data-rift-colour-theme='sea']{--rfs-theme-gradient:linear-gradient(135deg,rgba(47,105,88,.24),rgba(39,89,137,.20))}
html[data-rift-colour-theme='magenta']{--rfs-theme-gradient:linear-gradient(135deg,rgba(30,95,130,.24),rgba(171,37,142,.20))}
html[data-rift-colour-theme='amber']{--rfs-theme-gradient:linear-gradient(135deg,rgba(131,34,89,.22),rgba(208,151,0,.20))}
html[data-rift-colour-theme='aurora']{--rfs-theme-gradient:linear-gradient(135deg,rgba(0,124,103,.26),rgba(27,42,160,.26),rgba(22,105,151,.18))}
html[data-rift-colour-theme='bronze']{--rfs-theme-gradient:linear-gradient(135deg,rgba(91,58,25,.27),rgba(143,99,41,.18))}
html[data-rift-colour-theme='cobalt']{--rfs-theme-gradient:linear-gradient(135deg,rgba(32,27,111,.30),rgba(62,58,190,.20))}
html:not([data-rift-colour-theme='none']) .content-panel,html:not([data-rift-colour-theme='none']) .home-view,html:not([data-rift-colour-theme='none']) .chat-view,html:not([data-rift-colour-theme='none']) .channel-panel,html:not([data-rift-colour-theme='none']) .member-panel,html:not([data-rift-colour-theme='none']) .content-header,html:not([data-rift-colour-theme='none']) .composer{background-image:var(--rfs-theme-gradient)!important;background-blend-mode:soft-light}

html[data-rift-app-icon='mono']{--rfs-app-icon-bg:#22252a;--rfs-app-icon-fg:#fff}html[data-rift-app-icon='soft']{--rfs-app-icon-bg:#7f8794;--rfs-app-icon-fg:#fff}html[data-rift-app-icon='violet']{--rfs-app-icon-bg:#8f63ff;--rfs-app-icon-fg:#fff}html[data-rift-app-icon='ocean']{--rfs-app-icon-bg:#3978e6;--rfs-app-icon-fg:#fff}html[data-rift-app-icon='sunset']{--rfs-app-icon-bg:#e56a4d;--rfs-app-icon-fg:#fff7ef}html[data-rift-app-icon='mint']{--rfs-app-icon-bg:#37ad7a;--rfs-app-icon-fg:#fff}html[data-rift-app-icon='neon']{--rfs-app-icon-bg:#111317;--rfs-app-icon-fg:#7cf7c1}
html .rift-mark{background:var(--rfs-app-icon-bg)!important;border-radius:12px}html .rift-mark span{background:var(--rfs-app-icon-fg)!important}html .desktop-titlebar-mark{background:var(--rfs-app-icon-bg)!important}

/* Accessibility runtime styling. */
.message-text{font-size:var(--rift-chat-text-size)!important}
#message-list>.message+.message{margin-top:var(--rift-message-group-spacing)!important}
html.rift-underline-links .message-text a,html.rift-underline-links #r021-settings a,html.rift-underline-links .rift-unified-link{text-decoration:underline!important;text-underline-offset:2px}
html:not(.rift-display-name-styles) .message-author,html:not(.rift-display-name-styles) .member-copy strong{font-family:inherit!important;font-style:normal!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-rift-ui-density='compact'] .channel-item,html[data-rift-ui-density='compact'] .member-item,html[data-rift-ui-density='compact'] .dm-item,html[data-rift-ui-density='compact'] .home-nav-item{min-height:28px!important;padding-top:3px!important;padding-bottom:3px!important}
html[data-rift-ui-density='spacious'] .channel-item,html[data-rift-ui-density='spacious'] .member-item,html[data-rift-ui-density='spacious'] .dm-item,html[data-rift-ui-density='spacious'] .home-nav-item{min-height:44px!important;padding-top:8px!important;padding-bottom:8px!important}
.rift-role-colour-dot::after{content:'';display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:var(--rift-role-colour);vertical-align:middle}
html .primary-button,html .send-button,html .desktop-titlebar-mark,html .rift-mark,html .server-button.active,html [class*='presence-'],html .reaction-strip button{filter:saturate(var(--rift-ui-saturation))}
html.rift-saturate-custom-colours .r021-profile-role,html.rift-saturate-custom-colours .member-copy strong,html.rift-saturate-custom-colours .message-author{filter:saturate(var(--rift-ui-saturation))}
html.rift-toggle-indicators .rift-unified-switch::after{content:'×';position:absolute;right:6px;top:50%;transform:translateY(-52%);color:#fff;font-size:10px;font-weight:900;line-height:1;pointer-events:none}html.rift-toggle-indicators .rift-unified-switch.on::after{content:'✓';left:6px;right:auto}
html.rift-high-contrast #r021-settings .rift-unified-section,html.rift-high-contrast .composer,html.rift-high-contrast .message,html.rift-high-contrast .channel-panel,html.rift-high-contrast .member-panel{border-color:currentColor!important}html.rift-high-contrast .message-text,html.rift-high-contrast .message-author,html.rift-high-contrast #r021-settings strong{font-weight:700}
html.rift-reduced-motion *,html.rift-reduced-motion *::before,html.rift-reduced-motion *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}

html[data-rift-effective-theme='light'] #r021-settings .rfs-content-note{background:#fff;border-color:#d8dde3}html[data-rift-effective-theme='light'] #r021-settings .rfs-theme-studio{background:linear-gradient(110deg,color-mix(in srgb,var(--accent),transparent 92%),#fff 42%);border-color:#d8dde3}html[data-rift-effective-theme='light'] #r021-settings .rfs-icon-choice{background:#fff;border-color:#d6dbe1}html[data-rift-effective-theme='light'] #r021-settings .rfs-related-icon{background:#e9edf2}html[data-rift-effective-theme='light'] #r021-settings .rfs-a11y-preview{background:#fff;border-color:#cfd5dc}html[data-rift-effective-theme='light'] #r021-settings .rfs-a11y-preview-label{background:#e9edf2;color:#4f5965}
html[data-rift-effective-theme='light'] .rift-media-block-placeholder,html[data-rift-effective-theme='light'] .rift-media-hidden-note,html[data-rift-effective-theme='light'] .rift-spam-warning{background:#f0f2f5;color:#4d5560;border-color:#ccd2d9}html[data-rift-effective-theme='light'] .rift-media-block-placeholder:hover,html[data-rift-effective-theme='light'] .rift-media-hidden-note:hover{background:#e5e8ec;color:#20242a}
html[data-rift-effective-theme='light'] .rfs-theme-preview{background:#fff;color:#20242a;border-color:#d4d9df;box-shadow:0 24px 70px rgba(28,33,40,.24)}html[data-rift-effective-theme='light'] .rfs-preview-real-note{background:#f5f7f9;border-color:#d8dde3}

@media(max-width:900px){#r021-settings .rfs-colour-themes{grid-template-columns:repeat(6,52px)}#r021-settings .rfs-icon-grid{grid-template-columns:repeat(4,minmax(68px,1fr))}}
@media(max-width:760px){#r021-settings .rfs-page-heading{flex-direction:column}#r021-settings .rfs-page-heading .secondary-button{width:100%}#r021-settings .rfs-theme-studio{grid-template-columns:90px 1fr}.rfs-theme-studio>.primary-button{grid-column:1/-1}#r021-settings .rfs-colour-themes{grid-template-columns:repeat(5,48px)}#r021-settings .rfs-colour-theme{width:48px;height:48px}#r021-settings .rfs-range{width:min(300px,46vw)}.rfs-theme-preview{inset:10px;width:auto}}
@media(max-width:520px){#r021-settings .rfs-colour-themes{grid-template-columns:repeat(4,46px)}#r021-settings .rfs-icon-grid{grid-template-columns:repeat(2,1fr)}#r021-settings .rfs-range{width:44vw;grid-template-columns:minmax(90px,1fr) 42px}#r021-settings .rfs-a11y-message{grid-template-columns:34px minmax(0,1fr)}#r021-settings .rfs-a11y-example{grid-column:2;justify-self:start}.rfs-preview-colours{grid-template-columns:repeat(5,1fr)}}