.sda-library{--sda:#005a4b;--sda-title:#17304d;max-width:1280px;margin:0 auto;padding:24px 18px 48px;font-family:Arial,sans-serif;color:#111}.sda-library *{box-sizing:border-box}.sda-hero{text-align:center;margin:6px 0 24px}.sda-hero h1{font-size:34px;line-height:1.2;margin:0 0 8px;color:var(--sda-title)}.sda-hero p{font-size:17px;color:#667085;margin:0}.sda-filter-card{background:#f3f7f6;border-radius:14px;padding:28px 34px 30px;margin-bottom:22px}.sda-filter-card h2{text-align:center;color:var(--sda);font-size:20px;margin:0 0 26px}.sda-group-strip{display:grid;grid-template-columns:repeat(12,minmax(58px,1fr));gap:0;align-items:start;margin:0 auto 32px;max-width:1120px}.sda-group-btn{border:0;background:#fff0;padding:0;cursor:pointer;min-width:0;color:#333}.sda-group-btn span{display:block;height:62px;background:var(--swatch);border:1px solid rgb(0 0 0 / .05);transition:.18s}.sda-group-btn small{display:block;font-size:11px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sda-group-btn.is-active span{transform:translateY(-8px) scale(1.08);border-radius:0 10px 0 10px;box-shadow:0 7px 18px rgb(0 0 0 / .18);outline:3px solid #fff;position:relative;z-index:2}.sda-group-btn.is-active span:after{content:'✓';color:#fff;font-size:28px;font-weight:700;display:grid;place-items:center;height:100%;text-shadow:0 1px 3px rgb(0 0 0 / .35)}.sda-search-row{display:flex;max-width:1000px;margin:auto;align-items:stretch}.sda-brand-select-wrap{width:300px;flex:none;position:relative}.sda-brand-select{width:100%;height:50px;border:1.5px solid var(--sda)!important;border-right:0!important;border-radius:999px 0 0 999px!important;background:#fff!important;padding:0 46px 0 24px!important;font-size:15px;font-weight:600;color:#17212b;outline:none;box-shadow:none!important;appearance:auto}.sda-search-wrap{flex:1;max-width:none;margin:0;position:relative}.sda-search-row .sda-search{border-radius:0 999px 999px 0!important}.sda-search{display:block;width:100%;height:50px;border:1.5px solid var(--sda)!important;border-radius:999px!important;padding:0 48px 0 52px!important;font-size:15px;background:#fff!important;outline:none;box-shadow:none!important;appearance:none;-webkit-appearance:none}.sda-search:focus{border-color:var(--sda)!important;box-shadow:0 0 0 3px rgb(0 90 75 / .12)!important}.sda-search::-webkit-search-cancel-button{display:none}.sda-search-icon{position:absolute;left:18px;top:50%;width:18px;height:18px;transform:translateY(-50%);border:3px solid var(--sda);border-radius:50%;z-index:2;pointer-events:none}.sda-search-icon:after{content:'';position:absolute;width:8px;height:3px;background:var(--sda);right:-7px;bottom:-4px;transform:rotate(45deg);border-radius:3px}.sda-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:#fff0;color:var(--sda);font-size:25px;line-height:1;cursor:pointer}.sda-search:placeholder-shown~.sda-search-clear{opacity:0;pointer-events:none}.sda-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:18px;row-gap:14px;align-items:start}.sda-color-card{display:block;width:100%;min-width:0;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;line-height:1.25!important;text-align:left;text-transform:none!important;cursor:pointer}.sda-color-swatch{display:block;width:100%;aspect-ratio:1.75/1;border-radius:7px;border:1px solid rgb(0 0 0 / .06);box-shadow:0 1px 2px rgb(0 0 0 / .04);transition:.18s}.sda-color-card:hover .sda-color-swatch{transform:translateY(-3px);box-shadow:0 8px 18px rgb(0 0 0 / .13)}.sda-color-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-top:4px;font-size:13px;line-height:1.25}.sda-color-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sda-color-code{color:#94765e;flex:none}.sda-load-more{display:block;margin:30px auto 0;border:1px solid var(--sda);background:#fff;color:var(--sda);font-weight:700;border-radius:24px;padding:11px 28px;cursor:pointer}.sda-load-more:hover{background:var(--sda);color:#fff}.sda-empty{text-align:center;padding:45px 10px;color:#667085}.sda-note{margin-top:34px;border:1px solid #dbe3ea;border-radius:8px;padding:18px 22px;color:#52606d;font-size:14px;background:#fbfdff}.sda-note strong{color:#17304d}.sda-modal[hidden]{display:none}.sda-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:18px}.sda-modal-backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .55)}.sda-modal-card{position:relative;background:#fff;border-radius:14px;width:min(480px,100%);overflow:hidden;box-shadow:0 24px 70px rgb(0 0 0 / .3)}.sda-modal-close{position:absolute;right:10px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:rgb(255 255 255 / .88);font-size:28px;cursor:pointer;z-index:2}.sda-modal-swatch{height:270px}.sda-modal-info{text-align:center;padding:24px}.sda-modal-info span{display:block;font-size:13px;color:#777;text-transform:uppercase}.sda-modal-code{display:block;font-size:28px;margin:5px 0}.sda-modal-hex{display:block;color:#667085;margin-bottom:16px}.sda-copy{border:0;border-radius:22px;background:var(--sda);color:#fff;padding:11px 20px;font-weight:700;cursor:pointer}.sda-modal-open{overflow:hidden}@media(max-width:1000px){.sda-grid{grid-template-columns:repeat(4,1fr)}.sda-filter-card{padding:24px 20px}}@media(max-width:640px){.sda-search-row{display:flex;flex-direction:column;gap:10px}.sda-brand-select-wrap{width:100%}.sda-brand-select{height:48px!important;border:1.5px solid var(--sda)!important;border-radius:999px!important;padding:0 42px 0 20px!important}.sda-search-row .sda-search{border-radius:999px!important}.sda-library{padding:16px 8px 34px}.sda-hero{margin-bottom:20px}.sda-hero h1{font-size:25px}.sda-hero p{font-size:14px}.sda-filter-card{padding:28px 14px 34px;border-radius:13px}.sda-filter-card h2{font-size:19px;margin:0 0 38px;position:relative}.sda-filter-card h2:after{content:'';display:block;width:50px;height:3px;background:#1abf9f;border-radius:4px;margin:10px auto 0}.sda-group-strip{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;width:100%;max-width:none;gap:0;margin:0 0 20px!important;overflow:visible!important;padding:0!important;align-items:center}.sda-group-btn{min-width:0!important;width:auto;padding:0!important;margin:0!important}.sda-group-btn span{display:block;height:50px;border-radius:0;border:0;border-left:1px solid rgb(255 255 255 / .18);box-shadow:none}.sda-group-btn:first-child span{border-radius:10px 0 0 10px;border-left:0}.sda-group-btn:last-child span{border-radius:0 10px 10px 0}.sda-group-btn small{display:none}.sda-group-btn.is-active span{transform:scale(1.12);transform-origin:center;border-radius:0 10px 0 10px;outline:3px solid #fff;box-shadow:0 6px 15px rgb(0 0 0 / .18);position:relative;z-index:3}.sda-group-btn.is-active span:after{font-size:25px}.sda-search-wrap{width:100%;max-width:none}.sda-search{height:48px!important;border-radius:999px!important;padding-left:50px!important;padding-right:44px!important;font-size:14px}.sda-search-icon{left:17px}.sda-grid{grid-template-columns:repeat(3,1fr);column-gap:18px;row-gap:18px}.sda-color-meta{font-size:12px;display:block;margin-top:5px}.sda-color-code{display:none}.sda-modal-swatch{height:210px}.sda-note{font-size:13px}}@media(max-width:380px){.sda-group-btn span{height:48px}.sda-filter-card{padding-left:9px;padding-right:9px}.sda-search{font-size:13px}}@media (min-width:641px){.sda-library .sda-group-strip>.sda-group-btn,.sda-library .sda-group-strip>.sda-group-btn+.sda-group-btn{margin-left:0!important;margin-right:0!important}}