@layer components{.fm-section{background:#fff;padding:40px 0 120px}.fm-section--top{padding-top:176px}.fm-section__inner{max-width:1200px;margin:0 auto;padding:0 40px}.fm-page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:20px;font-size:11px;font-weight:700}.fm-page-title{letter-spacing:.04em;color:var(--color-black);margin-bottom:24px;font-size:32px;font-weight:800;line-height:1.3}.fm-page-subtitle{color:var(--color-gray);margin-bottom:64px;font-size:13px;line-height:1.8}.fm-cat-grid{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:20px;display:grid}.fm-cat-btn{color:var(--color-black);letter-spacing:.02em;text-align:center;background:#fff;border:1px solid #00000014;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.fm-cat-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#003f6a05}.fm-cat-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.fm-cat-btn--active:hover{background:var(--color-primary);color:#fff}.fm-cat-btn__icon{flex-shrink:0;width:20px;height:20px}.fm-cat-btn__label{text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.2;overflow:hidden}.fm-list__controls{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.fm-list__controls-left{align-items:center;gap:12px;min-width:0;display:flex}.fm-list__controls-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.fm-mini-search{align-items:center;display:flex}.fm-mini-search__trigger{width:32px;height:32px;color:var(--color-gray);cursor:pointer;background:#fff;border:1px solid #00000014;justify-content:center;align-items:center;transition:all .2s;display:flex}.fm-mini-search__trigger:hover{color:var(--color-primary);border-color:var(--color-primary)}.fm-mini-search--open{background:#fff;border:1px solid #0000001a;gap:6px;width:200px;height:32px;padding:0 8px;transition:width .25s}.fm-mini-search__icon{width:14px;height:14px;color:var(--color-gray);flex-shrink:0}.fm-mini-search__input{color:var(--color-black);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:12px}.fm-mini-search__input::placeholder{color:var(--color-gray)}.fm-mini-search__close{color:var(--color-gray);cursor:pointer;flex-shrink:0;display:flex}.fm-mini-search__close:hover{color:var(--color-black)}.fm-anim-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.fm-anim-toggle__track{background:#ddd;border-radius:9px;width:32px;height:18px;transition:background .25s;position:relative}.fm-anim-toggle--on .fm-anim-toggle__track{background:var(--color-primary)}.fm-anim-toggle__thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.fm-anim-toggle--on .fm-anim-toggle__thumb{transform:translate(14px)}.fm-anim-toggle__label{color:var(--color-gray);letter-spacing:.02em;font-size:11px;font-weight:600}.fm-anim-toggle__state{color:var(--color-primary);margin-left:2px}.fm-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:20px;display:grid}.fm-grid__empty{text-align:center;color:var(--color-gray);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.fm-grid__empty p{font-size:14px}.fm-card{background:#fff;border:1px solid #0000000f;transition:border-color .25s,box-shadow .25s;overflow:hidden}.fm-card:hover{border-color:#003f6a26;box-shadow:0 4px 20px #0000000f}.fm-card__link{color:inherit;text-decoration:none;display:block}.fm-card__preview{aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fm-card__checker{opacity:.5;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 25%),linear-gradient(-45deg,#f0f0f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0f0 75%),linear-gradient(-45deg,#0000 75%,#f0f0f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.fm-card__svg-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.fm-card__info{padding:14px}.fm-card__name{color:var(--color-black);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:15px;font-weight:700;line-height:1.35;overflow:hidden}.fm-card__tags{flex-wrap:nowrap;gap:4px;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000 100%)}.fm-card__tag{color:var(--color-gray);white-space:nowrap;background:#f5f5f5;border-radius:3px;flex-shrink:0;max-width:100%;padding:2px 6px;font-size:10px}.fm-card__cat{max-width:100%;height:17px;color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;background:#003f6a0f;border-radius:999px;align-items:center;gap:4px;margin-bottom:9px;padding:0 7px 0 6px;font-size:8.5px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.fm-card:hover .fm-card__cat{background:var(--color-primary);color:#fff}.fm-card__cat-icon{stroke-width:2.4px;flex-shrink:0;width:10px;height:10px}.fm-card__cat-label{text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.fm-detail{align-items:flex-start;gap:40px;display:flex}.fm-detail__main{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.fm-detail__sidebar{flex-shrink:0;width:340px;position:sticky;top:120px}.fm-detail__page-breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:64px;display:flex}.fm-detail__breadcrumb-item{color:var(--color-gray);align-items:center;gap:4px;font-size:11px;display:inline-flex}.fm-detail__breadcrumb-link{color:var(--color-gray);text-decoration:none;transition:color .2s}.fm-detail__breadcrumb-link:hover{color:var(--color-primary)}.fm-detail__breadcrumb-current{color:var(--color-black);font-weight:600}.fm-detail__preview-block{border:1px solid #00000014;overflow:hidden}.fm-detail__preview-row{gap:0;display:flex}.fm-detail__canvas{flex:1;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.fm-detail__svg-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.fm-detail__color-side{border-left:1px solid #0000000f;flex:1;align-items:stretch;display:flex}.fm-detail__color-side .fm-cp{border:none;width:100%}.fm-detail__preview-footer{border-top:1px solid #0000000f;padding:8px 16px}.fm-preview__checker{opacity:.5;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 25%),linear-gradient(-45deg,#f0f0f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0f0 75%),linear-gradient(-45deg,#0000 75%,#f0f0f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.fm-cp{background:#fafafa;border:1px solid #00000014;flex-direction:column;height:100%;padding:14px;display:flex}.fm-cp__header{color:var(--color-black);border-bottom:1px solid #0000000f;align-items:center;gap:5px;margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.fm-cp__fields{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.fm-cp__field{justify-content:space-between;align-items:center;display:flex}.fm-cp__label{color:var(--color-black);min-width:60px;font-size:11px;font-weight:600}.fm-cp__input-row{align-items:center;gap:5px;display:flex}.fm-cp__native{cursor:pointer;background:0 0;border:1px solid #0000001a;width:26px;height:26px;padding:0}.fm-cp__native::-webkit-color-swatch-wrapper{padding:2px}.fm-cp__native::-webkit-color-swatch{border:none}.fm-cp__hex{width:72px;color:var(--color-black);background:#fff;border:1px solid #0000001a;outline:none;padding:4px 6px;font-family:monospace;font-size:11px}.fm-cp__hex:focus{border-color:var(--color-primary)}.fm-cp__bg-swatch-wrap{flex-shrink:0;width:26px;height:26px;position:relative}.fm-cp__bg-checker{z-index:1;pointer-events:none;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:absolute;inset:0}.fm-cp__native--hidden{opacity:0}.fm-cp__bg-swatch-wrap .fm-cp__native{width:100%;height:100%;position:absolute;inset:0}.fm-cp__hex--bg::placeholder{color:var(--color-gray);letter-spacing:.02em;font-family:inherit}.fm-cp__custom{background:#fff;border:1px solid #003f6a1f;margin-bottom:14px;padding:10px 10px 12px}.fm-cp__custom-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fm-cp__custom-label{color:var(--color-black);font-size:11px;font-weight:700}.fm-cp__custom-suffix{color:var(--color-gray);font-weight:500}.fm-cp__custom-reset{color:var(--color-gray);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px;font-weight:600;transition:color .15s}.fm-cp__custom-reset:hover{color:var(--color-primary)}.fm-cp__custom-input{width:100%;color:var(--color-black);background:#fff;border:1px solid #0000001a;outline:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:600}.fm-cp__custom-input:focus{border-color:var(--color-primary)}.fm-cp__custom-input[type=number]{font-family:monospace}.fm-cp__custom-range{width:100%;accent-color:var(--color-primary);margin-top:8px}.fm-cp__custom-hint{color:var(--color-gray);text-align:right;margin-top:4px;font-family:monospace;font-size:10px}.fm-cp__presets-section{border-top:1px solid #0000000f;margin-top:auto;padding-top:10px}.fm-cp__presets-label{color:var(--color-gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.fm-cp__presets-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:8px;display:grid}.fm-cp__preset{color:var(--color-black);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000000f;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.fm-cp__preset:hover{border-color:var(--color-primary);color:var(--color-primary)}.fm-cp__preset--active{border-color:var(--color-primary);color:var(--color-primary);background:#003f6a0d}.fm-cp__preset-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000014}.fm-cp__preset-name{line-height:1}.fm-cp__random-btn{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);cursor:pointer;background:#003f6a08;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.fm-cp__random-btn:hover{background:#003f6a14}.fm-cpc{display:inline-flex;position:relative}.fm-cpc__trigger{height:32px;color:var(--color-black);cursor:pointer;letter-spacing:.02em;background:#fff;border:1px solid #00000014;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.fm-cpc__trigger:hover,.fm-cpc__trigger--open{border-color:var(--color-primary);color:var(--color-primary)}.fm-cpc__trigger-swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0000001a}.fm-cpc__trigger-label{line-height:1}.fm-cpc__trigger-caret{color:var(--color-gray);transition:transform .2s}.fm-cpc__trigger-caret--open{transform:rotate(180deg)}.fm-cpc__panel{z-index:20;background:#fff;border:1px solid #00000014;width:260px;padding:14px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0000001a,0 2px 8px #0000000a}.fm-cpc__fields{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.fm-cpc__field{justify-content:space-between;align-items:center;gap:8px;display:flex}.fm-cpc__label{color:var(--color-black);font-size:11px;font-weight:600}.fm-cpc__input-row{align-items:center;gap:5px;display:flex}.fm-cpc__native{cursor:pointer;background:0 0;border:1px solid #0000001a;width:26px;height:26px;padding:0}.fm-cpc__native::-webkit-color-swatch-wrapper{padding:2px}.fm-cpc__native::-webkit-color-swatch{border:none}.fm-cpc__hex{width:86px;color:var(--color-black);background:#fff;border:1px solid #0000001a;outline:none;padding:4px 6px;font-family:monospace;font-size:11px}.fm-cpc__hex:focus{border-color:var(--color-primary)}.fm-cpc__bg-swatch-wrap{flex-shrink:0;width:26px;height:26px;position:relative}.fm-cpc__bg-checker{z-index:1;pointer-events:none;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:absolute;inset:0}.fm-cpc__bg-swatch-wrap .fm-cpc__native{width:100%;height:100%;position:absolute;inset:0}.fm-cpc__native--hidden{opacity:0}.fm-cpc__hex--bg::placeholder{color:var(--color-gray);letter-spacing:.02em;font-family:inherit}.fm-cpc__presets-section{border-top:1px solid #0000000f;padding-top:10px}.fm-cpc__presets-label{color:var(--color-gray);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.fm-cpc__presets-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fm-cpc__preset{cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.fm-cpc__preset:hover{border-color:#00000026}.fm-cpc__preset--active{border-color:var(--color-primary)}.fm-cpc__preset-dot{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000014}.fm-dl{background:#fff;border:1px solid #00000014;padding:16px}.fm-dl__license{align-items:center;gap:8px;margin-bottom:14px;display:flex}.fm-dl__free{color:#fff;letter-spacing:.04em;background:#16a34a;padding:2px 10px;font-size:11px;font-weight:800}.fm-dl__license-text{color:var(--color-gray);font-size:12px}.fm-dl__grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.fm-dl__card{cursor:pointer;text-align:left;background:#fff;border:1px solid #00000014;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.fm-dl__card:hover:not(:disabled){border-color:var(--color-primary);background:#003f6a05}.fm-dl__card:disabled{opacity:.6;cursor:not-allowed}.fm-dl__icon{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.fm-dl__card-text{flex:1;min-width:0}.fm-dl__card-format{color:var(--color-black);font-size:13px;font-weight:700;line-height:1.3;display:block}.fm-dl__card-desc{color:var(--color-gray);font-size:11px;line-height:1.3;display:block}.fm-dl__card-arrow{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.fm-detail__desc{border-top:1px solid #0000000f;padding:16px 0}.fm-detail__desc-title{color:var(--color-black);margin-bottom:6px;font-size:14px;font-weight:700}.fm-detail__desc-text{color:var(--color-gray);font-size:14px;line-height:1.8}.fm-detail__tags{border-top:1px solid #0000000f;padding-top:12px}.fm-detail__tags-title{color:var(--color-black);margin-bottom:8px;font-size:13px;font-weight:700}.fm-detail__tags-list{flex-wrap:wrap;gap:6px;display:flex}.fm-detail__tag{color:var(--color-gray);border:1px solid #00000014;border-radius:20px;padding:4px 12px;font-size:12px}@media (max-width:768px){.fm-section{padding-bottom:80px}.fm-section--top{padding-top:120px}.fm-section__inner{padding:0 16px}.fm-page-eyebrow{margin-bottom:14px;font-size:10px}.fm-page-title{margin-bottom:16px;font-size:22px}.fm-page-subtitle{margin-bottom:32px;font-size:12px}.fm-detail__page-breadcrumb{margin-bottom:32px}.fm-cat-grid{grid-template-columns:repeat(4,1fr);gap:4px}.fm-cat-btn{gap:4px;padding:8px 2px}.fm-cat-btn__icon{width:16px;height:16px}.fm-cat-btn__label{font-size:9px}.fm-grid{grid-template-columns:repeat(2,1fr);gap:10px}.fm-card__name{font-size:12px}.fm-card__info{padding:11px 10px}.fm-card__name{margin-bottom:8px;font-size:13px}.fm-card__cat{height:16px;margin-bottom:7px;padding:0 6px 0 5px;font-size:8px}.fm-card__cat-icon{width:9px;height:9px}.fm-detail{flex-direction:column;gap:20px}.fm-detail__sidebar{width:100%;position:static}.fm-detail__preview-row{flex-direction:column}.fm-detail__color-side{border-top:1px solid #0000000f;border-left:none;flex:none;width:100%}.fm-detail__canvas{min-height:200px}.fm-dl__grid{grid-template-columns:1fr}.fm-cp__presets-grid{grid-template-columns:repeat(2,1fr)}.fm-mini-search--open{width:140px}.fm-cpc__panel{width:240px}.fm-cpc__trigger-label{display:none}}}