#ycs-colors{--ink:#332847;--bg:#F5EFE6;--bg2:#EEE8DC;--purple:#7B6A9B;--purple-d:#6A5A8A;--lav:#E8E3F0;--lav2:#C9BFDE;--teal:#4DB8A0;--pink:#C47A9A;--fg2:#5A5068;--fg3:#7D7489;font-family:Dosis,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}#ycs-colors *{box-sizing:border-box}#ycs-colors h1,#ycs-colors h2,#ycs-colors h3,#ycs-colors h4,#ycs-colors p{margin:0}#ycs-colors a{color:inherit;text-decoration:none}#ycs-colors button{font-family:inherit}#ycs-colors .ycs-loading{padding:80px 20px;text-align:center;color:var(--fg3);font-size:16px}#ycs-colors .wrap{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}#ycs-colors .eyebrow{font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--purple)}#ycs-colors .hero{position:relative;background:var(--ink);color:var(--bg);overflow:hidden}#ycs-colors .hero-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:#3328478c}#ycs-colors .hero-in{position:relative;max-width:1000px;margin:0 auto;padding:94px 40px 86px;text-align:center}#ycs-colors .hero h1{font-weight:300;font-size:72px;line-height:1;letter-spacing:-.015em;margin-bottom:24px}#ycs-colors .hero h1 em{font-style:normal;color:var(--lav2)}#ycs-colors .hero-lead{font-weight:400;font-size:19px;line-height:1.65;color:#d9d2e4;max-width:600px;margin:0 auto 38px}#ycs-colors .hero-cta{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;letter-spacing:.02em;background:var(--bg);color:var(--ink);padding:14px 30px;border-radius:999px;transition:background .16s}#ycs-colors .hero-cta:hover{background:#fff}#ycs-colors .stats{display:flex;justify-content:center;margin-top:56px;flex-wrap:wrap}#ycs-colors .stat{padding:0 34px;text-align:center}#ycs-colors .stat+.stat{border-left:1px solid rgba(201,191,222,.28)}#ycs-colors .stat .v{font-weight:300;font-size:38px;color:#fff;line-height:1}#ycs-colors .stat .l{font-weight:500;font-size:13.5px;color:#b9afcc;margin-top:8px;letter-spacing:.02em}#ycs-colors .beadfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}#ycs-colors .beadfield span{position:absolute;border-radius:999px;transform:translate(-50%,-50%)}#ycs-colors .steps{background:var(--bg2);padding:78px 0}#ycs-colors .sec-head{text-align:center;margin-bottom:46px}#ycs-colors .sec-head h2{font-weight:300;font-size:44px;line-height:1.05;letter-spacing:-.01em;margin-top:14px}#ycs-colors .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}#ycs-colors .step{background:#fff;border-radius:16px;padding:30px 28px 32px;box-shadow:0 6px 18px #7b6a9b1a}#ycs-colors .step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}#ycs-colors .step-ic{width:52px;height:52px;border-radius:999px;background:#f1ecf6;display:flex;align-items:center;justify-content:center;color:var(--purple)}#ycs-colors .step-n{font-weight:700;font-size:40px;color:#e3dbef;line-height:1}#ycs-colors .step h3{font-weight:600;font-size:22px;margin-bottom:10px}#ycs-colors .step p{font-weight:500;font-size:15.5px;color:var(--fg2)}#ycs-colors .chart{background:var(--bg);padding:96px 0 50px}#ycs-colors .chart-head{text-align:center;max-width:640px;margin:0 auto 36px}#ycs-colors .chart-head h2{font-weight:300;font-size:50px;line-height:1.05;letter-spacing:-.01em;margin:14px 0}#ycs-colors .chart-head p{font-weight:500;font-size:17px;color:var(--fg2)}#ycs-colors .controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:22px}#ycs-colors .tabs{display:flex;flex-wrap:wrap;gap:8px}#ycs-colors .tab{font-weight:600;font-size:15px;padding:8px 0;min-width:44px;border-radius:999px;cursor:pointer;border:1.5px solid var(--lav);background:#fff;color:var(--fg2);transition:all .16s}#ycs-colors .tab.all{padding:8px 18px}#ycs-colors .tab:hover{border-color:var(--lav2);color:var(--ink)}#ycs-colors .tab.on{border-color:var(--purple);background:var(--purple);color:#fff}#ycs-colors .search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--lav);border-radius:999px;padding:11px 16px;width:280px;max-width:100%}#ycs-colors .search input{border:none;outline:none;background:transparent;flex:1;min-width:0;font-family:inherit;font-weight:500;font-size:15px;color:var(--ink)}#ycs-colors .search .clr{border:none;background:var(--bg2);color:var(--fg2);cursor:pointer;width:22px;height:22px;border-radius:999px;display:none;align-items:center;justify-content:center;flex:none}#ycs-colors .count{display:flex;align-items:center;gap:10px;margin-bottom:22px}#ycs-colors .count .n{font-weight:600;font-size:15px}#ycs-colors .count .lbl{font-weight:500;font-size:15px;color:var(--fg3)}#ycs-colors .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px}#ycs-colors .sw{display:flex;flex-direction:column;gap:7px}#ycs-colors .sw-chip{position:relative;display:block;aspect-ratio:1/1;border-radius:13px;box-shadow:inset 0 0 0 5px #fff3,inset 0 -3px 6px #0000001f;background-size:cover;background-position:center;cursor:pointer;transition:transform .16s}#ycs-colors .sw-chip.haspic{box-shadow:0 2px 8px #7b6a9b2e}#ycs-colors .sw-chip:hover{transform:translateY(-3px)}#ycs-colors .sw-chip.lt{outline:1px solid rgba(51,40,71,.1)}#ycs-colors .sw-code{border:none;background:transparent;cursor:pointer;padding:1px 0 4px;font-family:ui-monospace,Menlo,monospace;font-weight:600;font-size:11.5px;letter-spacing:.01em;color:#6e6480;transition:color .16s}#ycs-colors .sw-code:hover{color:var(--purple)}#ycs-colors .empty{text-align:center;padding:60px 20px 40px}#ycs-colors .empty h3{font-weight:600;font-size:26px;margin-bottom:8px}#ycs-colors .empty p{font-weight:500;font-size:16px;color:var(--fg2);margin-bottom:22px}#ycs-colors .empty-btn{font-weight:600;font-size:15px;padding:12px 24px;border-radius:999px;border:1.5px solid var(--purple);background:transparent;color:var(--purple);cursor:pointer}#ycs-colors .dots{display:flex;justify-content:center;gap:8px;margin-bottom:20px}#ycs-colors .dot{width:20px;height:20px;border-radius:999px}#ycs-colors .studio{background:var(--bg);padding:92px 0}#ycs-colors .studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}#ycs-colors .studio-img{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 14px 36px #7b6a9b29;background:linear-gradient(135deg,#c9bfde,#7b6a9b 60%,#332847);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#ffffffb3}#ycs-colors .studio h2{font-weight:300;font-size:46px;line-height:1.05;letter-spacing:-.01em;margin:16px 0 18px}#ycs-colors .studio>.wrap>.studio-grid>div>p.lead{font-weight:500;font-size:17px;color:var(--fg2);max-width:480px;margin-bottom:30px}#ycs-colors .info{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}#ycs-colors .info-row{display:flex;gap:14px;align-items:flex-start}#ycs-colors .info-ic{width:40px;height:40px;border-radius:999px;background:var(--bg2);color:var(--purple);display:flex;align-items:center;justify-content:center;flex:none}#ycs-colors .info dt{font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);margin-bottom:3px}#ycs-colors .info dd{font-weight:600;font-size:17px;margin:0}#ycs-colors .btn-purple{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;background:var(--purple);color:#fff;padding:13px 28px;border-radius:999px;transition:background .16s}#ycs-colors .btn-purple:hover{background:var(--purple-d)}#ycs-colors .social{background:var(--bg2);padding:88px 0}#ycs-colors .social-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}#ycs-colors .social-head h2{font-weight:300;font-size:44px;line-height:1.05;letter-spacing:-.01em;margin:12px 0 10px}#ycs-colors .social-head p{font-weight:500;font-size:17px;color:var(--fg2)}#ycs-colors .btn-out{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;border:1.5px solid var(--purple);color:var(--purple);padding:12px 24px;border-radius:999px;flex:none;transition:all .16s}#ycs-colors .btn-out:hover{background:var(--purple);color:#fff}#ycs-colors .ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}#ycs-colors .ig{display:block;border-radius:16px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 2px 6px #7b6a9b1a;background-size:cover;background-position:center}#ycs-colors .drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}#ycs-colors .drawer-root.open{display:block}#ycs-colors .drawer-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:#3328476b;animation:ycsFade .24s}#ycs-colors .drawer{position:absolute;top:0;right:0;height:100%;width:min(440px,92vw);background:var(--bg);box-shadow:-14px 0 36px #7b6a9b2e;display:flex;flex-direction:column;animation:ycsSlide .32s}#ycs-colors .drawer-x{display:flex;justify-content:flex-end;padding:18px 18px 0}#ycs-colors .drawer-x button{width:40px;height:40px;border-radius:999px;border:1px solid var(--lav);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg2)}#ycs-colors .drawer-body{padding:8px 34px 34px;overflow-y:auto}#ycs-colors .drawer-chip{position:relative;width:200px;height:200px;border-radius:22px;margin:2px auto 26px;box-shadow:inset 0 0 0 8px #fff3,inset 0 -6px 14px #0000001f,0 14px 30px #7b6a9b33;background-size:cover;background-position:center}#ycs-colors .drawer-chip.haspic{box-shadow:0 14px 30px #7b6a9b33}#ycs-colors .drawer-tags{display:flex;gap:10px;align-items:center;margin-bottom:10px}#ycs-colors .tag-fam{font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:var(--lav);padding:5px 12px;border-radius:999px}#ycs-colors .tag-hex{font-family:ui-monospace,Menlo,monospace;font-weight:600;font-size:13px;color:var(--purple);background:#fff;border:1px solid var(--lav);padding:5px 11px;border-radius:999px}#ycs-colors .drawer-body h3{font-weight:600;font-size:30px;line-height:1.1;margin-bottom:2px}#ycs-colors .drawer-code{font-weight:600;font-size:17px;color:var(--purple);margin-bottom:26px}#ycs-colors .pack-l{font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg3);margin-bottom:12px}#ycs-colors .packs{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}#ycs-colors .pack{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:14px;cursor:pointer;border:1.5px solid var(--lav);background:#fff;transition:all .16s}#ycs-colors .pack.on{border-color:var(--purple);box-shadow:0 2px 6px #7b6a9b1a}#ycs-colors .pack .lft{display:flex;align-items:center;gap:12px}#ycs-colors .pack .rad{width:20px;height:20px;border-radius:999px;flex:none;border:2px solid var(--lav2);background:#fff}#ycs-colors .pack.on .rad{border:6px solid var(--purple)}#ycs-colors .pack .bd{font-weight:600;font-size:16px}#ycs-colors .pack .bd small{font-weight:500;color:var(--fg2)}#ycs-colors .pack .pr{font-weight:700;font-size:17px}#ycs-colors .add{width:100%;padding:16px;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:17px;letter-spacing:.02em;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}#ycs-colors .add:hover{background:var(--purple-d)}#ycs-colors .add.added{background:var(--teal)}#ycs-colors .add[disabled]{background:var(--lav2);cursor:default}#ycs-colors .drawer-note{font-weight:500;font-size:13px;color:var(--fg3);line-height:1.5;margin-top:16px;text-align:center}#ycs-colors .drawer-view{display:block;text-align:center;margin-top:12px;font-weight:600;color:var(--purple);font-size:14px}#ycs-colors .langbar{display:flex;justify-content:center;padding:14px 0 0;background:var(--bg)}#ycs-colors .langbar .pills{display:inline-flex;gap:2px;padding:3px;background:#fff;border:1px solid var(--lav);border-radius:999px}#ycs-colors .langbar button{background:transparent;color:var(--fg3);border:none;cursor:pointer;font-weight:600;font-size:11px;letter-spacing:.06em;padding:5px 12px;border-radius:999px;transition:all .16s}#ycs-colors .langbar button.on{background:var(--ink);color:var(--bg)}@keyframes ycsFade{0%{opacity:0}to{opacity:1}}@keyframes ycsSlide{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:860px){#ycs-colors .wrap{padding-left:22px;padding-right:22px}#ycs-colors .hero h1{font-size:46px}#ycs-colors .hero-in{padding:64px 22px 58px}#ycs-colors .chart-head h2{font-size:36px}#ycs-colors .sec-head h2{font-size:32px}#ycs-colors .steps-grid{grid-template-columns:1fr}#ycs-colors .studio-grid{grid-template-columns:1fr;gap:30px}#ycs-colors .studio h2{font-size:34px}#ycs-colors .social-head h2{font-size:32px}#ycs-colors .ig-grid{grid-template-columns:repeat(3,1fr)}#ycs-colors .stat{padding:0 18px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ycs-color-chart.css.map */