@import "https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap";.socialStylesContainer{z-index:12;position:fixed;top:1rem;left:-1rem;overflow:hidden}.socialStylesContainer .socialStyles{align-items:left;-moz-box-align:left;border-bottom-right-radius:5px;flex-direction:column;display:flex;position:fixed}.socialStylesContainer .socialStyles a{color:#000;width:3rem;padding:.2rem 0 0 .6rem}.socialStylesContainer .socialStyles svg{vertical-align:-.125em;fill:currentColor;color:#77b244;width:2em;height:1em;font-size:3em;overflow:visible}@media screen and (width>=20em) and (width<=20em){.socialStylesContainer{z-index:6;top:3.9rem}.socialStylesContainer .socialStyles{flex-direction:row}.socialStylesContainer .socialStyles a{width:2.5rem;padding:.2rem 1rem 0}}.footer{color:#e6e6e6;background-color:#31363b;border-radius:5px 5px 0 0;width:100%;margin:2rem 0 0;padding:0;display:block;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 0 10px 10px #5e5c5c4d,0 6px 20px #d3d3d333}.footer .copyRight{color:#77b244;text-transform:uppercase;font-family:Nanum Brush Script,cursive;font-size:1.5em;font-weight:500;line-height:1em}.gallery{color:#1a1a1a;background-color:#fff;max-inline-size:96rem;margin-inline:auto;padding:1.5rem 1rem 4rem;font-family:system-ui,sans-serif}.gallery header h1{margin:0 0 .25rem;font-size:clamp(1.6rem,5vw,2.4rem)}.gallery header p{color:#4a4a4a;margin:0}.gallery-links{flex-wrap:wrap;gap:1rem;margin-block-start:.5rem;display:flex}.gallery-links a{color:#1a4fd6;justify-content:center;align-items:center;min-block-size:44px;min-inline-size:44px;display:inline-flex}.filter-chips{gap:.75rem;margin-block:1.25rem;display:grid}.filter-chips fieldset{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.filter-chips legend{inline-size:100%;margin-block-end:.25rem;font-weight:600}.chip{cursor:pointer;background-color:#fff;border:1px solid #6b6b6b;border-radius:999px;align-items:center;min-block-size:44px;padding-inline:1rem;display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip:has(input:checked){color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.chip:has(input:focus-visible){outline-offset:2px;outline:3px solid #1f6feb}.gallery-count{color:#4a4a4a;margin-block:0 1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,38rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.preset-card{background-color:#fff;border:1px solid #d0d0d0;border-radius:12px;padding:1rem}.preset-card h2{margin:0;font-size:1.15rem}.preset-card p{color:#4a4a4a;margin:.25rem 0 .5rem}.preset-card .rdm-root{max-inline-size:35rem;margin-inline:auto}.preset-tags{flex-wrap:wrap;gap:.25rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.preset-tags li{color:#333;background-color:#eef1f4;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.preset-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:.75rem;display:flex}.preset-actions button{color:#1a1a1a;min-block-size:44px;font:inherit;cursor:pointer;background-color:#fff;border:1px solid #1a1a1a;border-radius:999px;padding-inline:1.25rem}.preset-actions button[aria-pressed=true]{color:#fff;background-color:#1a1a1a}.inspect{box-sizing:border-box;color:#1a1a1a;background-color:#fff;border:0;border-radius:12px;max-block-size:100dvh;inline-size:min(100%,76rem);padding:1.25rem;font-family:system-ui,sans-serif;overflow:auto}.inspect::backdrop{background-color:#0000008c}.inspect h3{margin:1.25rem 0 .5rem;font-size:1rem}.inspect-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.inspect-head h2{margin:0}.inspect-head p{color:#4a4a4a;margin:.25rem 0 0}.inspect-head button{min-block-size:44px;font:inherit;cursor:pointer;background-color:#fff;border:1px solid #1a1a1a;border-radius:999px;padding-inline:1.25rem}.inspect-body{gap:1.5rem;margin-block-start:1rem;display:grid}@media (width>=85rem){.inspect-body{grid-template-columns:minmax(0,1fr) 20rem}}.inspect-preview .rdm-root{max-inline-size:100%}.inspect-hint{color:#4a4a4a;margin:0 0 .5rem}.inspect-log p{color:#4a4a4a;margin:0}.inspect-log ol{margin:0;padding-inline-start:1.25rem}.tweak-panel fieldset{border:0;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem;padding:0;display:flex}.tweak-panel legend{inline-size:100%;margin-block-end:.25rem;font-weight:600}.tweak-snippet{color:#1a1a1a;white-space:pre-wrap;overflow-wrap:anywhere;background-color:#f3f5f7;border-radius:8px;margin:0 0 .75rem;padding:.75rem;font-size:.85rem}.tweak-copy{color:#fff;min-block-size:44px;font:inherit;cursor:pointer;background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:999px;padding-inline:1.25rem}.inspect-tokens{border-collapse:collapse;inline-size:100%;font-size:.85rem}.inspect-tokens caption{color:#4a4a4a;text-align:start;margin-block-end:.5rem}.inspect-tokens th,.inspect-tokens td{text-align:start;vertical-align:top;overflow-wrap:anywhere;border-block-end:1px solid #e3e6ea;padding:.3rem .5rem}.inspect-tokens th{inline-size:9rem;font-weight:600}.inspect-swatches{flex-wrap:wrap;gap:.25rem;display:flex}.inspect-swatches span{border-radius:4px;justify-content:center;align-items:center;block-size:1.5rem;inline-size:1.5rem;display:inline-flex}.compare-tray{z-index:1;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background-color:#fff;border:1px solid #d0d0d0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-block-start:1rem;display:flex;position:sticky;inset-block-end:0;box-shadow:0 -4px 16px #0000001a}.compare-tray ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.compare-tray li{border:1px solid #6b6b6b;border-radius:999px;align-items:center;gap:.5rem;min-block-size:44px;padding-inline:.75rem;display:inline-flex}.compare-tray button{color:#1a4fd6;min-block-size:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding-inline:.75rem}.compare-tray p{color:#4a4a4a;margin:0}.compare-tray-actions{gap:.5rem;margin-inline-start:auto;display:flex}.compare-open{color:#fff;background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:999px;padding-inline:1.25rem}.compare-open:disabled{color:#6b6b6b;cursor:not-allowed;background-color:#fff;border-color:#6b6b6b}.compare{box-sizing:border-box;color:#1a1a1a;background-color:#fff;border:0;block-size:100dvh;max-block-size:100dvh;inline-size:100%;max-inline-size:none;margin:0;padding:1rem;font-family:system-ui,sans-serif}.compare::backdrop{background-color:#0000008c}.compare-head{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.compare-head h2{margin:0;font-size:1.15rem}.compare-head fieldset{border:0;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.compare-head legend{float:inline-start;margin-inline-end:.5rem;font-weight:600}.compare-head>button{min-block-size:44px;font:inherit;cursor:pointer;background-color:#fff;border:1px solid #1a1a1a;border-radius:999px;margin-inline-start:auto;padding-inline:1.25rem}.compare-panes{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:100%;grid-auto-flow:column;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid;overflow-x:auto}.compare-panes li{scroll-snap-align:start;min-inline-size:0;overflow-x:auto}.compare-panes h3{margin:0 0 .5rem;font-size:1rem}@media (width>=64rem){.compare-panes{scroll-snap-type:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,35rem),1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}}.compare-panes .rdm-root{max-inline-size:35rem}.compare.is-stacked .compare-panes{grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}