/* A nonmodal spatial catalog. Theme colors come from the existing Sytelo tokens. */
.catalog-layer{position:fixed;inset:0;overflow:clip;pointer-events:none;z-index:29}.catalog-panel{pointer-events:auto}
.catalog-panel *{scroll-margin-top:85px}
.catalog{border-top:1px solid var(--line);position:relative;isolation:isolate}
.catalog-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.catalog-tile{grid-column:span 2;min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:3px;padding:24px 26px 22px;background:var(--surface);transition:background-color .55s,border-color .25s,box-shadow .25s,transform .25s}
.catalog-tile:nth-child(n+4){grid-column:span 3;min-height:290px}.catalog-tile:nth-child(n+4) .cat-glyph{height:115px}
.catalog-tile:hover,.catalog-tile:focus-visible,.catalog-tile[aria-expanded=true]{border-color:var(--accent);background:var(--soft);box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 9%,transparent)}
.cat-tile-meta{display:flex;justify-content:space-between;gap:20px;font-size:.66rem;letter-spacing:.15em;color:var(--muted)}.cat-tile-meta>span{font-size:1.2rem;color:var(--accent);transition:transform .25s}
.catalog-tile:hover .cat-tile-meta>span{transform:translate(3px,-3px)}
.cat-tile-title{font-size:1.9rem;letter-spacing:-.04em;margin:8px 0 7px}.cat-tile-caption{font-size:.81rem;line-height:1.6;color:var(--muted)}.cat-tile-reveal{font-size:.74rem;margin-top:20px;display:flex;justify-content:space-between;color:var(--accent);opacity:0;transform:translateY(8px);transition:opacity .22s,transform .22s}
.catalog-tile:hover .cat-tile-reveal,.catalog-tile:focus-visible .cat-tile-reveal,.catalog-tile[aria-expanded=true] .cat-tile-reveal{opacity:1;transform:none}
.cat-glyph{height:155px;display:flex;align-items:center;justify-content:center;position:relative;margin:12px 0;color:var(--accent);perspective:600px}
.cat-glyph-type{font-size:5.7rem;letter-spacing:-.08em;font-family:Georgia,serif;justify-content:flex-start;gap:20px}.cat-glyph-type>span{font-family:Arial,sans-serif;font-size:3.7rem;color:var(--muted);opacity:.45;transition:transform .35s,opacity .35s}.catalog-tile:hover .cat-glyph-type>span{opacity:1;transform:translateY(-8px)}
.cat-glyph-colors i{display:block;width:82px;height:82px;border-radius:50%;background:#c7e6d3;border:1px solid #176c4833;box-shadow:inset 0 2px 12px #fff8;transition:transform .3s}.cat-glyph-colors i+i{margin-left:-27px;background:#163d71;border-color:#163d71}.cat-glyph-colors i:last-child{background:#edac73;border-color:#b84a0c55}.catalog-tile:hover .cat-glyph-colors i:first-child{transform:translateX(-10px)}.catalog-tile:hover .cat-glyph-colors i:last-child{transform:translateX(10px)}
.cat-glyph-orbit i{position:absolute;width:98px;height:98px;border:1px solid var(--accent);border-radius:50%;transform:rotateY(55deg) rotateZ(-22deg);transition:transform .45s}.cat-glyph-orbit i:nth-child(2){transform:rotateY(-55deg) rotateZ(22deg)}.cat-glyph-orbit i:nth-child(3){width:16px;height:16px;background:var(--accent-bright);transform:translate(36px,-30px)}.catalog-tile:hover .cat-glyph-orbit i:nth-child(3){transform:translate(-36px,30px)}
.cat-glyph-layers i{position:absolute;display:block;width:100px;height:85px;border:1px solid var(--accent);background:var(--surface);transform:rotate(-15deg) translate(-26px,-5px);transition:transform .3s}.cat-glyph-layers i:nth-child(2){background:var(--soft);transform:rotate(5deg)}.cat-glyph-layers i:nth-child(3){background:var(--accent-bright);transform:rotate(20deg) translate(26px,5px)}.catalog-tile:hover .cat-glyph-layers i:first-child{transform:rotate(-22deg) translate(-45px,-8px)}.catalog-tile:hover .cat-glyph-layers i:last-child{transform:rotate(28deg) translate(45px,8px)}
.cat-glyph-blocks{display:grid;grid-template-columns:65px 43px;grid-template-rows:40px 40px;gap:9px;align-content:center;transform:rotate(-8deg)}.cat-glyph-blocks i{width:100%;height:100%;border:1px solid var(--accent);border-radius:5px;background:var(--soft);transition:transform .3s}.cat-glyph-blocks i:nth-child(2){background:var(--accent-bright)}.cat-glyph-blocks i:nth-child(3){background:var(--accent)}.catalog-tile:hover .cat-glyph-blocks i:nth-child(2){transform:translate(4px,-8px)}
.catalog-panel{position:fixed;z-index:29;inset:16px 16px 16px auto;width:min(760px,54vw);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);box-shadow:-24px 20px 90px #0002;transform:perspective(1500px) translateX(calc(100% + 50px)) rotateY(-7deg);transform-origin:right center;opacity:0;transition:transform .36s cubic-bezier(.22,.7,.2,1),opacity .2s,background-color .55s,color .55s,border-color .55s;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;padding:0 28px 22px;contain:layout style}
.catalog-panel[hidden]{display:none}.catalog-panel.is-open{transform:perspective(1500px) translateX(0) rotateY(0);opacity:1}.catalog-panel:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--cat-x,80%) var(--cat-y,10%),color-mix(in srgb,var(--accent-bright) 12%,transparent),transparent 50%)}
.cat-panel-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:var(--bg);z-index:4;padding:13px 0 10px;border-bottom:1px solid var(--line);gap:8px}.cat-panel-top .eyebrow{font-size:.62rem;margin:0}.cat-icon-button{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:50%;font-size:1.65rem;background:var(--surface)}
.cat-panel-heading{padding:30px 0 14px}.cat-panel-heading h2{font-size:clamp(2.2rem,4vw,3.6rem)}.cat-panel-heading p{font-size:.875rem;color:var(--muted);margin:14px 0 0;max-width:55ch}
.cat-category-nav{display:flex;gap:5px;flex-wrap:wrap;padding-bottom:19px;border-bottom:1px solid var(--line)}.cat-category-nav button{padding:10px 12px;min-height:44px;font-size:.75rem;border:1px solid transparent;border-radius:50px}.cat-category-nav [aria-pressed=true]{background:var(--ink);color:var(--bg)}.cat-category-nav button:hover{border-color:var(--accent)}
.cat-toolbar{display:flex;align-items:flex-end;gap:18px;padding:20px 0}.cat-toolbar label{display:block;font-size:.72rem;color:var(--muted);flex:1}.cat-toolbar input{display:block;width:100%;font-size:.86rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;min-height:44px;margin-top:7px;min-width:0}.cat-toolbar #catalog-count{font-size:.72rem;color:var(--muted);padding-bottom:14px;white-space:nowrap}
.cat-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cat-item{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.cat-item h3{font-size:.93rem;line-height:1.35;letter-spacing:-.015em;margin:0}.cat-item-info{padding:16px}.cat-item-info p{font-size:.76rem;color:var(--muted);margin:8px 0 10px;line-height:1.6}.cat-kicker{font-size:.62rem;color:var(--muted);display:block;letter-spacing:.06em;margin-bottom:8px}.cat-small-button,.cat-demo button,.cat-theme-apply{border:1px solid var(--line);border-radius:5px;padding:10px 12px;min-height:44px;font-size:.76rem;background:var(--surface);color:var(--ink)}.cat-small-button:hover,.cat-demo button:hover,.cat-theme-apply:hover{border-color:var(--accent);color:var(--accent)}.cat-small-button:disabled{cursor:default;opacity:.45}.cat-small-button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
.cat-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}.cat-pagination span{font-size:.75rem;color:var(--muted)}.cat-source{font-size:.68rem;line-height:1.7;color:var(--muted);padding-top:20px;margin:20px 0 0;border-top:1px solid var(--line)}.cat-source a,.cat-license{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.cat-source a{display:inline-block;padding:5px 0}.cat-license{font-size:.65rem;display:inline-block;padding:8px 0;min-height:32px}.cat-empty{grid-column:1/-1;padding:28px;background:var(--soft);border-radius:6px;line-height:1.6}
.cat-font-sample{font-size:30px;line-height:1.4;min-height:108px;display:flex;align-items:center;margin:12px 0;overflow-wrap:anywhere;font-synthesis:none}.cat-font-sample.is-loading{font-family:Arial,sans-serif;font-size:.8rem;color:var(--muted)}.cat-font-size{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:.7rem;color:var(--muted)}.cat-font-size input{min-width:0;width:100%;accent-color:var(--accent);height:28px}.cat-pairing-note{font-size:.66rem;color:var(--muted);line-height:1.5;display:block;margin-top:8px}
.cat-theme-preview{padding:18px;background:var(--p-bg);color:var(--p-fg);min-height:155px;display:flex;flex-direction:column;gap:14px}.cat-mini-nav{font-size:.65rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--p-border);padding-bottom:10px}.cat-mini-body{display:grid;grid-template-columns:1fr 60px;gap:12px;align-items:center}.cat-mini-body strong{font-size:1.35rem;line-height:1.1;letter-spacing:-.06em}.cat-mini-orb{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--p-primary),var(--p-accent));box-shadow:0 10px 20px #0001}.cat-theme-preview button{color:var(--p-on);background:var(--p-primary);border:0;font-size:.65rem;padding:10px;min-height:40px;align-self:flex-start;border-radius:4px}.cat-swatches{display:flex;gap:6px;margin:12px 0}.cat-swatches i{width:23px;height:23px;border-radius:50%;border:1px solid #8885}.cat-theme-apply{width:100%}.cat-theme-apply[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.cat-demo{position:relative;min-height:170px;background:var(--soft);padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;perspective:650px}.cat-demo-stage{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;perspective:500px}.cat-demo-stage>i{display:block;width:22px;height:42px;background:var(--accent);border-radius:5px}.cat-demo-stage>i:nth-child(2){background:var(--accent-bright);height:60px}.cat-demo-stage>i:nth-child(3){height:34px;opacity:.65}.cat-demo-stage .cat-demo-word{font-size:2rem;letter-spacing:-.06em;color:var(--accent);display:block}.cat-demo-stage .cat-ring{position:absolute;width:74px;height:88px;border:2px solid var(--accent);border-radius:50%}.cat-demo-stage .cat-ring:nth-child(2){width:98px;height:116px;opacity:.4}.cat-demo-stage .cat-ring:nth-child(3){width:120px;height:140px;opacity:.15}.cat-demo-stage .cat-cube{width:66px;height:66px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg);position:relative}.cat-cube i{position:absolute;width:66px;height:66px;background:color-mix(in srgb,var(--accent) 70%,var(--surface));border:1px solid var(--accent-bright)}.cat-cube i:nth-child(1){transform:translateZ(33px)}.cat-cube i:nth-child(2){transform:rotateY(90deg) translateZ(33px)}.cat-cube i:nth-child(3){transform:rotateY(180deg) translateZ(33px)}.cat-cube i:nth-child(4){transform:rotateY(270deg) translateZ(33px)}.cat-cube i:nth-child(5){transform:rotateX(90deg) translateZ(33px)}.cat-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(33px)}
.cat-demo input[type=range]{width:100%;accent-color:var(--accent);height:30px;min-width:0}.cat-demo label{font-size:.7rem;width:100%;text-align:center;display:block}.cat-demo-stage.cat-particles{height:110px}.cat-particles i{position:absolute;width:5px;height:5px;border-radius:50%;opacity:1}.cat-skeleton{width:85%;display:grid;gap:9px}.cat-skeleton i{height:12px;border-radius:4px;background:linear-gradient(100deg,var(--line) 20%,var(--surface) 45%,var(--line) 70%);background-size:200% 100%}.cat-skeleton i:nth-child(2){width:75%}.cat-skeleton i:last-child{width:45%}.cat-gallery-planes{transform-style:preserve-3d;position:relative;width:120px;height:80px;transition:transform .4s}.cat-gallery-planes i{position:absolute;width:65px;height:80px;border:1px solid var(--accent);border-radius:4px;background:var(--surface);display:grid;place-items:center;font-style:normal;color:var(--accent);box-shadow:0 8px 18px #0001}.cat-gallery-planes i:nth-child(1){transform:translateX(-32px) rotateY(30deg)}.cat-gallery-planes i:nth-child(2){transform:translateZ(25px) translateX(28px);background:var(--accent);color:var(--on-accent)}.cat-gallery-planes i:nth-child(3){transform:translateX(88px) rotateY(-30deg)}.cat-demo-controls{display:flex;gap:8px;justify-content:center;width:100%;align-items:center}.cat-demo-controls span{font-size:.7rem}.cat-demo-status{font-size:.7rem;text-align:center;min-height:1.5em;color:var(--muted)}
.cat-style-preview{position:relative;min-height:175px;background:var(--s-bg,#edf0ed);color:var(--s-ink,#17231d);padding:16px;overflow:hidden;isolation:isolate}.cat-style-preview:before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-20px;top:-28px;background:var(--s-accent,#b3d8bb);opacity:.5;z-index:-1}.cat-style-window{border:1px solid currentColor;padding:12px;border-radius:var(--s-radius,0);background:var(--s-card,#ffffffdf);transition:transform .25s,box-shadow .25s;box-shadow:var(--s-shadow,none);font-family:var(--s-font,Arial,sans-serif)}.cat-style-window header{display:flex;justify-content:space-between;font-size:.6rem;margin-bottom:14px}.cat-style-window strong{display:block;font-size:1.4rem;line-height:1.15;letter-spacing:var(--s-tracking,-.04em);font-weight:var(--s-weight,600)}.cat-style-window button{background:var(--s-ink);color:var(--s-bg);padding:10px;min-height:40px;font-size:.67rem;margin-top:15px;border-radius:var(--s-radius,0);border:1px solid transparent}.cat-style-window button:focus-visible{outline-color:currentColor;outline-offset:3px}.cat-style-window.is-alternate{transform:translateY(-3px);box-shadow:0 8px 0 var(--s-accent)}.cat-style-window.is-alternate strong{letter-spacing:0}.cat-style-preview.s-glass{background:radial-gradient(circle at 90% 20%,#ad78eb,transparent 70%),linear-gradient(130deg,#87d0cb,#303d85)}.s-glass .cat-style-window{backdrop-filter:blur(8px);--s-card:#fffB;--s-radius:12px}.s-neu .cat-style-window{border-color:transparent;--s-card:#e9edef;--s-shadow:7px 7px 15px #bcc2c7,-7px -7px 15px #fff;--s-radius:16px}.s-brutal .cat-style-window{border:2px solid;--s-shadow:5px 5px 0 currentColor;--s-weight:800}.s-editorial .cat-style-window{border-width:1px 0;--s-font:Georgia,serif}.s-grid .cat-style-window{display:grid;grid-template-columns:1fr 1fr;gap:8px}.s-grid .cat-style-window header{grid-column:1/-1}.s-grid .cat-style-window button{margin-top:0}.s-grid .cat-style-window strong{font-size:1.1rem}.s-pixel .cat-style-window{border:3px double;--s-font:monospace;--s-tracking:.03em;--s-radius:0}.s-organic .cat-style-window{border-radius:30px 8px 30px 8px}.s-dark .cat-style-window{--s-card:#111b2e;--s-ink:#e8f3ff;--s-bg:#111b2e;color:#e8f3ff;border-color:#a6cafe}.cat-style-details{font-size:.7rem;color:var(--muted);margin-top:10px}.cat-style-details summary{cursor:pointer;min-height:36px;display:flex;align-items:center}.cat-style-details p{overflow-wrap:anywhere}.cat-component-demo{align-items:stretch;min-height:210px}.cat-component-demo button{padding:8px 12px}.cat-component-demo .cat-demo-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.cat-component-demo p{font-size:.78rem;margin:0;text-align:center}.cat-component-demo h4{font-size:1rem;margin:0}.cat-component-demo input:not([type=range]){width:100%;min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:8px;color:var(--ink)}.cat-demo-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;gap:8px}.cat-component-demo label{text-align:left}.cat-local-overlay{position:absolute;inset:7px;background:var(--surface);border:1px solid var(--accent);border-radius:6px;padding:16px;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:0 10px 30px #0002}.cat-local-overlay[hidden]{display:none}.cat-component-demo blockquote{margin:0;padding:16px;border-left:2px solid var(--accent);font-family:Georgia,serif;font-size:1rem;line-height:1.5}.cat-component-demo summary{cursor:pointer;font-size:.8rem;padding:12px 0;min-height:44px}.cat-component-demo details{border-bottom:1px solid var(--line)}.cat-component-demo details p{text-align:left;padding-bottom:12px}.cat-component-demo [role=status]{font-size:.75rem;min-height:1.5em;color:var(--accent);line-height:1.5}.cat-demo-price{font-size:2rem;letter-spacing:-.05em;display:block;text-align:center}.cat-component-demo [role=tablist]{display:flex;gap:6px;flex-wrap:wrap}.cat-component-demo [role=tab][aria-selected=true]{background:var(--accent);color:var(--on-accent)}.cat-demo-slider-shape{width:var(--size,60px);height:60px;background:var(--accent);border-radius:8px;margin:auto;max-width:100%}.cat-component-demo [role=switch][aria-checked=true]{background:var(--accent);color:var(--on-accent)}
@media(min-width:1000px){body.catalog-is-open .stage-nav{z-index:28}.catalog-panel:focus-within{border-color:var(--accent)}}
@media(max-width:1100px){.catalog-tile{padding:20px}.cat-glyph-type{font-size:4.5rem;gap:12px}.cat-glyph-type>span{font-size:3rem}.catalog-panel{width:62vw;padding-inline:22px}}
@media(max-width:760px){.catalog-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-tile,.catalog-tile:nth-child(n+4){grid-column:span 1;min-height:260px;padding:17px}.catalog-tile:last-child{grid-column:span 2;min-height:215px}.catalog-tile:last-child .cat-glyph{position:absolute;right:30px;top:55px;width:120px}.catalog-tile:last-child .cat-tile-title{margin-top:45px}.catalog-tile:last-child .cat-tile-caption{max-width:55%}.cat-tile-meta{font-size:.55rem;letter-spacing:.09em}.cat-tile-title{font-size:1.5rem}.cat-tile-caption{font-size:.74rem}.cat-tile-reveal{font-size:.66rem;opacity:1;transform:none;margin-top:auto;padding-top:14px}.cat-glyph,.catalog-tile:nth-child(n+4) .cat-glyph{height:94px}.cat-glyph-type{font-size:3.7rem;gap:8px}.cat-glyph-type>span{font-size:2.3rem}.cat-glyph-colors i{width:56px;height:56px}.cat-glyph-colors i+i{margin-left:-20px}.cat-glyph-orbit i{width:70px;height:70px}.cat-glyph-layers i{width:65px;height:58px}.catalog-panel{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;max-height:79dvh;border-radius:12px;padding:0 18px 20px}.cat-panel-heading{padding:20px 0 12px}.cat-panel-heading h2{font-size:2.5rem}.cat-panel-heading p{font-size:.8rem}.cat-category-nav{gap:2px;padding-bottom:12px}.cat-category-nav button{padding:9px 10px;font-size:.7rem}.cat-toolbar{padding:14px 0;gap:10px}.cat-content{gap:10px}.cat-item-info{padding:12px}.cat-font-sample{font-size:28px}.cat-theme-preview{padding:14px}.cat-mini-body{grid-template-columns:1fr}.cat-mini-orb{display:none}.cat-demo{padding:10px}.cat-panel-top .eyebrow{font-size:.55rem}.cat-source{font-size:.65rem}}
@media(max-width:480px){.cat-content{grid-template-columns:1fr}.cat-font-sample{min-height:85px}.cat-mini-body{grid-template-columns:1fr 60px}.cat-mini-orb{display:block}.cat-style-preview{min-height:190px;padding:22px}.cat-demo{min-height:205px}.cat-demo-stage{min-height:120px}.cat-toolbar #catalog-count{font-size:.65rem}.cat-tile-caption{min-height:2.8em}.catalog-tile:last-child .cat-glyph{right:14px;transform:rotate(-8deg) scale(.8)}.cat-pagination{gap:5px}.cat-pagination button{font-size:.7rem;padding:10px 8px}}
@media(hover:none){.cat-tile-reveal{opacity:1;transform:none}}
.s-depth{perspective:600px;background:linear-gradient(145deg,#e5eaee,#f9fbfc)}.s-depth .cat-style-window{transform:rotateY(-12deg) rotateX(6deg);box-shadow:8px 10px 0 #b7c6d1,16px 20px 24px #15263522;border-radius:8px}.s-depth .cat-style-window.is-alternate{transform:rotateY(12deg) rotateX(-3deg)}
.s-gradient{background:radial-gradient(ellipse at 5% 15%,var(--s-accent),transparent 65%),linear-gradient(130deg,#e1b5ee,#bce4d9)}.s-gradient .cat-style-window{background:#fffC;border-color:#fff;--s-radius:12px}
.s-motion .cat-style-window strong{transition:transform .4s;transform-origin:left center}.s-motion .cat-style-window.is-alternate strong{transform:translateX(8px) rotate(-5deg)}.s-conversational .cat-style-window{border:0;border-radius:20px 20px 20px 2px}.s-conversational .cat-style-window strong{font-size:1.2rem}.s-conversational .cat-style-window button{border-radius:40px}
.s-system{background:#e7edf4}.s-system .cat-style-window{border-color:#bec9d6;box-shadow:0 4px 12px #24354b15;border-radius:14px}.s-system .cat-style-window button{border-radius:24px;background:#1c426a;color:white}.s-sketch .cat-style-window{border:2px dashed;border-radius:25% 3% 12% 5%;transform:rotate(-2deg);font-family:Georgia,serif}
.cat-style-preview[data-style-id=minimalist-monochrome]{--s-accent:#bbb;background:#eee}.cat-style-preview[data-style-id=minimalist-monochrome] .cat-style-window{color:#111;background:#fff}
.cat-style-preview[data-style-id=exaggerated-minimalism] .cat-style-window strong{font-size:2rem;font-weight:800;line-height:1}.cat-style-preview[data-style-id=bauhaus]{background:conic-gradient(from 40deg at 90% 10%,#f8d94c,#e16853,#83b3cc,#f8d94c)}
.cat-style-preview[data-style-id=accessible-and-ethical] .cat-style-window button,.cat-style-preview[data-style-id=inclusive-design] .cat-style-window button{outline:2px solid #17231d;outline-offset:3px;min-height:44px}
.cat-style-preview[data-style-id=chromatic-aberration-rgb-split] .cat-style-window strong{text-shadow:2px 0 #00d8d8,-2px 0 #ff7584}
.cat-style-preview[data-style-id=claymorphism] .cat-style-window,.cat-style-preview[data-style-id=claymorphism-mobile] .cat-style-window{background:#e6d6ef;border-radius:25px;box-shadow:inset 8px 8px 12px #fff9,inset -8px -8px 12px #9574a433,5px 8px 16px #614e7322}
.motion-paused .catalog-panel,.motion-paused .catalog-tile *,.motion-paused .cat-demo *,.motion-paused .cat-style-window{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.catalog-panel,.catalog-tile *,.cat-demo *,.cat-style-window{transition:none!important;animation:none!important}.catalog-panel.is-open{transform:none}.catalog-tile:hover .cat-glyph *{transform:none}}