#riderid-app{--ink:#0d0d0f;--muted:#8a8a90;--line:#ececec;--line-soft:#0000000f;--field:#ffffff;--field-text:#141414;--paper:#fbfbfc;--radius-input:11px;--radius-btn:14px}#riderid-app *{box-sizing:border-box}#riderid-app{margin:0;padding:0}#riderid-app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}#riderid-app .topbar{max-width:1320px;margin:0 auto;padding:26px 32px 0;display:flex;justify-content:space-between;align-items:center;visibility:hidden}#riderid-app .brandmark{font-size:15px;font-weight:900;letter-spacing:.18em}#riderid-app .brandmark span{font-weight:500;color:var(--muted);letter-spacing:.16em;font-size:12px}#riderid-app .steps{display:flex;gap:22px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#c6c6cc;text-transform:uppercase}#riderid-app .steps .on{color:var(--ink)}#riderid-app .steps .on:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ink);margin-right:7px;vertical-align:middle}#riderid-app .wrap{max-width:1320px;margin:0 auto;padding:26px 32px 72px;display:grid;grid-template-columns:1.24fr .76fr;gap:44px;align-items:start}@media(max-width:900px){#riderid-app .wrap{grid-template-columns:1fr;gap:30px}}#riderid-app .preview-col{position:sticky;top:calc(var(--header-height, 80px) + 40px);align-self:start}@media(max-width:900px){#riderid-app .preview-col{position:static}}#riderid-app .studio{position:relative;border:1px solid var(--line);border-radius:22px;background:radial-gradient(75% 65% at 50% 30%,#fff,#f1f1f3 72%,#eaeaed);min-height:580px;display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden}#riderid-app .studio:after{content:"";position:absolute;bottom:9%;left:50%;transform:translate(-50%);width:54%;height:30px;border-radius:50%;background:#00000016;filter:blur(17px)}#riderid-app .kicker{position:absolute;top:20px;left:22px;margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b3b3ba;z-index:2}#riderid-app .garment{position:relative;z-index:1;width:100%;max-width:540px;aspect-ratio:1160/900;display:flex;align-items:center;justify-content:center;background:transparent}#riderid-app svg.art{width:96%;height:96%;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22)) drop-shadow(0 2px 5px rgba(0,0,0,.14))}#riderid-app .lead{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}#riderid-app h1{font-size:27px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;line-height:1.12}#riderid-app .price{font-size:15px;font-weight:600;color:var(--muted);margin:0 0 18px}#riderid-app .divider{display:none}#riderid-app .section-label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#b3b3ba}#riderid-app .pill{border-top:1px solid var(--line);margin:0}#riderid-app .pill:first-of-type{border-top:none}#riderid-app .pill-head{width:100%;text-align:left;background:none;border:none;box-shadow:none;padding:18px 2px;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--ink);text-transform:uppercase;font-family:inherit;transition:opacity .15s}#riderid-app .pill-head:hover{opacity:.62}#riderid-app .pill-head>span:first-child{flex:0 0 auto}#riderid-app .pill-head .chev{flex:0 0 auto;color:#c2c2c8;transition:transform .25s;margin-left:2px}#riderid-app .pill.open .pill-head .chev{transform:rotate(180deg);color:var(--ink)}#riderid-app .pill-body{overflow:hidden;max-height:0;transition:max-height .3s ease}#riderid-app .pill-body-inner{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 14px}#riderid-app .pill-summary{font-size:12px;font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:auto;margin-right:4px}#riderid-app .field{display:block;margin-bottom:18px}#riderid-app .field:last-of-type{margin-bottom:0}#riderid-app label.lbl{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}#riderid-app .row{display:flex;gap:12px}#riderid-app .row .field{flex:1;margin-bottom:18px}#riderid-app input[type=text]{width:100%;background:var(--field);border:1px solid var(--line);color:var(--field-text);border-radius:var(--radius-input);padding:13px 14px;font-size:15px;font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s}#riderid-app input[type=text]:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0d0d0f12}#riderid-app .fontgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#riderid-app .ft{border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;padding:12px 6px 9px;text-align:center;transition:.12s;overflow:hidden}#riderid-app .ft:hover{background:#f6f6f7}#riderid-app .ft.on{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}#riderid-app .ft .sample{font-size:34px;line-height:.9;color:#111;height:36px;display:flex;align-items:center;justify-content:center}#riderid-app .ft .nm{font-size:10px;color:var(--muted);margin-top:8px;font-weight:600;white-space:nowrap}#riderid-app .seg{display:flex;gap:8px}#riderid-app .seg button{flex:1;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:11px;font-size:16px;font-weight:600;cursor:pointer;transition:.12s;font-family:inherit}#riderid-app .seg button:hover{background:#f6f6f7}#riderid-app .seg button.on{color:#fff;border-color:var(--ink);background:var(--ink)}#riderid-app .swatches{display:flex;gap:10px;flex-wrap:wrap}#riderid-app .sw{width:30px;height:30px;border-radius:50%;cursor:pointer;border:1px solid var(--line);position:relative;transition:.12s;background-size:cover}#riderid-app .sw.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}#riderid-app .sw.none{background:#fff;border:1px solid var(--line);overflow:hidden}#riderid-app .sw.none:after{content:"";position:absolute;left:50%;top:-4px;width:1.5px;height:44px;background:#e01e1e;transform:rotate(45deg);transform-origin:top}#riderid-app .sw.custom{display:flex;align-items:center;justify-content:center;overflow:hidden;background:conic-gradient(from 0deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30)}#riderid-app .sw.custom.active{background:none}#riderid-app .sw.custom .plus{color:#fff;font-weight:800;font-size:18px;line-height:1;text-shadow:0 0 3px rgba(0,0,0,.55);pointer-events:none}#riderid-app .sw.custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;padding:0;cursor:pointer}#riderid-app .colgrp{background:#fafafa;border:1px solid var(--line);border-radius:12px;padding:15px 16px 17px;margin-bottom:14px}#riderid-app .colgrp-title{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:13px}#riderid-app .cfield{border-bottom:1px solid #f0f0f0}#riderid-app .cfield:last-child{border-bottom:none}#riderid-app .cf-head{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:12px 2px;cursor:pointer;font-family:inherit}#riderid-app .cf-lb{font-size:13.5px;font-weight:500;color:var(--ink)}#riderid-app .cf-rt{display:flex;align-items:center;gap:10px}#riderid-app .cf-cap{font-size:12px;color:var(--muted)}#riderid-app .cf-chip{width:26px;height:26px;border-radius:8px;border:1px solid #0002;background-size:cover;position:relative}#riderid-app .cf-chip.none{background:#fff;overflow:hidden}#riderid-app .cf-chip.none:after{content:"";position:absolute;left:50%;top:-4px;width:1.5px;height:38px;background:#e01e1e;transform:rotate(45deg);transform-origin:top}#riderid-app .cf-chev{color:#c2c2c8;font-size:11px;width:10px}#riderid-app .cf-body{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin:2px 0 12px}#riderid-app .cf-t{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:9px}#riderid-app .cf-top{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:11px}#riderid-app .cf-p{aspect-ratio:1;border-radius:8px;border:1px solid #0002;cursor:pointer;background-size:cover;position:relative}#riderid-app .cf-p.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}#riderid-app .cf-p.none{background:#fff;overflow:hidden}#riderid-app .cf-p.none:after{content:"";position:absolute;left:50%;top:-6px;width:2px;height:130%;background:#e01e1e;transform:rotate(45deg);transform-origin:top}#riderid-app .cf-p.custom{background:conic-gradient(from 0deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30);display:flex;align-items:center;justify-content:center}#riderid-app .cf-p.custom span{color:#fff;font-weight:800;font-size:15px;text-shadow:0 0 3px #0008;pointer-events:none}#riderid-app .cf-p.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none}#riderid-app .cf-search{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;font-size:13.5px;color:var(--field-text);margin-bottom:10px;outline:none}#riderid-app .cf-search:focus{border-color:var(--ink)}#riderid-app .cf-all-wrap{display:none}#riderid-app .cfield.showall .cf-all-wrap{display:block}#riderid-app .cf-all{font-size:12.5px;color:var(--ink);text-decoration:underline;font-weight:600;cursor:pointer}#riderid-app .cf-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;max-height:190px;overflow:auto;margin-top:10px}#riderid-app .fill-block{padding:12px 2px 4px;border-bottom:1px solid #f0f0f0}#riderid-app .fill-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}#riderid-app .fill-top .cf-lb{font-size:13.5px;font-weight:500}#riderid-app .grad-tog{display:inline-flex;background:#f0f0f0;border-radius:9px;padding:3px}#riderid-app .grad-tog button{border:none;background:none;padding:6px 14px;border-radius:7px;font-size:12.5px;font-weight:600;color:#777;cursor:pointer;font-family:inherit}#riderid-app .grad-tog button.on{background:var(--ink);color:#fff}#riderid-app .grad-prev{height:30px;width:100%;border-radius:9px;border:1px solid #0002;margin:12px 0 4px}#riderid-app .dtar-tog{display:flex;background:#f0f0f0;border-radius:10px;padding:3px;margin-bottom:16px}#riderid-app .dtar-tog button{flex:1;border:none;background:none;padding:9px;border-radius:8px;font-size:13px;font-weight:600;color:#777;cursor:pointer;font-family:inherit}#riderid-app .dtar-tog button.on{background:#fff;color:#000;box-shadow:0 1px 3px #0000001a}#riderid-app .designs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}#riderid-app .cat-h{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#aaa;margin:18px 0 9px}#riderid-app .design-groups>.designs:first-child+.cat-h,#riderid-app .design-groups>.cat-h:first-child{margin-top:4px}#riderid-app .dz{aspect-ratio:1;border-radius:9px;cursor:pointer;border:1px solid var(--line);overflow:hidden;position:relative;background:#f4f4f4;transition:.12s}#riderid-app .dz:hover{border-color:#bbb}#riderid-app .dz.on{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}#riderid-app .dz svg,#riderid-app .dz img{width:100%;height:100%;display:block;object-fit:cover}#riderid-app .dz .nm{position:absolute;left:0;right:0;bottom:0;font-size:9px;font-weight:600;text-align:center;background:#ffffffe0;color:#333;padding:3px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#riderid-app .flags{display:flex;gap:10px;flex-wrap:wrap}#riderid-app .fl{width:44px;height:31px;border-radius:6px;cursor:pointer;border:1px solid var(--line);overflow:hidden;transition:.12s}#riderid-app .fl.on{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}#riderid-app .fl svg{width:100%;height:100%;display:block}#riderid-app .cta{width:100%;margin-top:22px;background:var(--ink);color:#fff;border:none;border-radius:var(--radius-btn);padding:18px;font-size:15px;font-weight:800;cursor:pointer;transition:.15s;display:flex;justify-content:center;gap:8px}#riderid-app .cta:hover{background:#000;box-shadow:0 10px 26px #00000026}#riderid-app .hint{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.55}#riderid-app details.props{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}#riderid-app details.props summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--muted)}#riderid-app pre{margin:10px 0 0;font-size:11.5px;color:#333;white-space:pre-wrap;word-break:break-word;line-height:1.5}#riderid-app #numG,#riderid-app #nameG{cursor:pointer;transition:opacity .15s}#riderid-app #numG:hover,#riderid-app #nameG:hover{opacity:.8}#riderid-app .colgrp{transition:box-shadow .2s,border-color .2s}#riderid-app .colgrp.flash{animation:colgrpflash 1.25s ease}@keyframes colgrpflash{28%{box-shadow:0 0 0 3px #0d0d0f26;border-color:var(--ink)}}#riderid-app .tap-hint{position:absolute;left:0;right:0;bottom:16px;text-align:center;margin:0;z-index:2;font-size:11.5px;font-weight:600;color:#b0b0b6;letter-spacing:.02em;pointer-events:none;transition:opacity .5s}#riderid-app .grad-tog button.jump{color:#444;font-weight:700}#riderid-app .grad-tog button.jump:hover{color:#000;background:#e6e6e6}#riderid-app .grad-tog button.jump.has{color:var(--ink)}#riderid-app .preview-actions{display:flex;gap:10px;margin-top:14px}#riderid-app .pa-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 12px;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;transition:.14s;font-family:inherit}#riderid-app .pa-btn:hover{background:#f6f6f7;border-color:#d5d5d5}#riderid-app .pa-btn:active{transform:scale(.98)}#riderid-app .pa-btn svg{width:17px;height:17px;stroke:currentColor;fill:none}#riderid-app .pa-primary{background:var(--ink);color:#fff;border-color:var(--ink)}#riderid-app .pa-primary:hover{background:#000}@media(max-width:560px){#riderid-app .preview-actions{flex-wrap:wrap}#riderid-app .pa-btn{flex:1 1 45%}}#riderid-app .mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ccc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;opacity:0;transition:opacity .2s}#riderid-app .mask.show{opacity:1}#riderid-app .mask .modal{background:#fff;border-radius:20px;max-width:440px;width:100%;padding:26px;box-shadow:0 30px 80px #00000045;transform:translateY(10px);transition:transform .2s;position:relative}#riderid-app .mask.show .modal{transform:none}#riderid-app .modal.wide{max-width:780px}#riderid-app .m-lead{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#riderid-app .m-title{font-size:22px;font-weight:800;margin:5px 0 4px}#riderid-app .m-sub{font-size:13.5px;color:var(--muted);margin-bottom:20px;line-height:1.5}#riderid-app .m-field{margin-bottom:14px}#riderid-app .m-field label{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}#riderid-app .m-field input{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px 14px;font-size:15px;font-weight:600;color:var(--ink)}#riderid-app .m-field input:focus{outline:none;border-color:var(--ink)}#riderid-app .m-err{color:#e01e1e;font-size:12px;margin:-4px 0 10px;display:none;font-weight:600}#riderid-app .m-actions{display:flex;gap:10px;margin-top:20px}#riderid-app .m-btn{flex:1;border:none;border-radius:13px;padding:15px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit}#riderid-app .m-primary{background:var(--ink);color:#fff}#riderid-app .m-ghost{background:#f0f0f0;color:var(--ink)}#riderid-app .m-note{font-size:11.5px;color:var(--muted);margin-top:14px;text-align:center;line-height:1.5}#riderid-app .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-height:56vh;overflow:auto;margin-top:16px}@media(max-width:560px){#riderid-app .gal{grid-template-columns:repeat(2,1fr)}}#riderid-app .gcard{border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;background:#fff;transition:.14s;position:relative}#riderid-app .gcard:hover{border-color:var(--ink);box-shadow:0 6px 18px #00000012}#riderid-app .gcard img{width:100%;height:120px;object-fit:cover;display:block;background:#f2f2f4}#riderid-app .gcard .gm{padding:9px 11px}#riderid-app .gcard .gt{font-size:13px;font-weight:800}#riderid-app .gcard .gd{font-size:11px;color:var(--muted);margin-top:2px}#riderid-app .gcard .gx{position:absolute;top:6px;right:6px;background:#000a;color:#fff;border:none;border-radius:7px;width:22px;height:22px;cursor:pointer;font-size:14px;line-height:20px;text-align:center;padding:0}#riderid-app .gal-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:44px 10px;font-size:14px;line-height:1.6}#riderid-app .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);background:#0d0d0f;color:#fff;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:700;z-index:300;opacity:0;transition:.28s;box-shadow:0 12px 30px #00000045;pointer-events:none}#riderid-app .toast.show{opacity:1;transform:translate(-50%) translateY(0)}#riderid-app .sizerow{display:flex;align-items:center;gap:12px;margin-top:10px}#riderid-app .sizerow .szl{font-size:12px;font-weight:700;color:var(--muted);width:42px}#riderid-app .sizerow input[type=range]{flex:1;accent-color:var(--ink);height:4px}#riderid-app .sizerow .szv{font-size:12px;font-weight:700;color:var(--ink);width:44px;text-align:right;font-variant-numeric:tabular-nums}#riderid-app .sizes{display:flex;flex-direction:column;gap:8px}#riderid-app .szopt{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;transition:.12s;font-family:inherit;text-align:left;color:var(--ink)}#riderid-app .szopt:hover{background:#f6f6f7}#riderid-app .szopt.on{background:var(--ink);color:#fff;border-color:var(--ink)}#riderid-app .szopt .szn{font-size:14px;font-weight:700;letter-spacing:.02em}#riderid-app .szopt .szm{font-size:13px;font-weight:600;opacity:.75}#riderid-app{line-height:1.45;letter-spacing:normal;text-align:left;overflow-x:clip;-webkit-text-size-adjust:100%;text-transform:none}#riderid-app input,#riderid-app button,#riderid-app select,#riderid-app textarea,#riderid-app label,#riderid-app p,#riderid-app h1,#riderid-app span,#riderid-app div{line-height:normal;letter-spacing:normal}#riderid-app input,#riderid-app button,#riderid-app select,#riderid-app textarea{font-family:inherit;text-transform:none}#riderid-app .preview-col,#riderid-app .config-col,#riderid-app .row .field{min-width:0}#riderid-app .szopt{gap:14px}#riderid-app .field,#riderid-app .colgrp,#riderid-app .cfield,#riderid-app .fill-block,#riderid-app .section-label,#riderid-app .lead,#riderid-app .hint,#riderid-app .price,#riderid-app .cat-h,#riderid-app .kicker,#riderid-app .pill,#riderid-app .pill-summary,#riderid-app .lbl,#riderid-app .colgrp-title,#riderid-app .cf-t,#riderid-app .m-lead,#riderid-app .m-title,#riderid-app .m-sub{display:block}@page{size:A3 portrait;margin:0}#riderid-app body.printmode{background:#fff!important;margin:0}#riderid-app body.printmode>.topbar,#riderid-app body.printmode>.wrap{display:none!important}#riderid-app .a3sheet{display:none}#riderid-app body.printmode .a3sheet{display:flex;align-items:center;justify-content:center;width:297mm;height:420mm;margin:0 auto;background:#fff;overflow:hidden}#riderid-app .a3sheet .rot{position:relative;flex:0 0 auto}#riderid-app .a3sheet .rot svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}#riderid-app .a3sheet .rot svg{display:block}#riderid-app .a3info{position:absolute;left:12mm;right:12mm;bottom:9mm;font-family:Inter,Arial,sans-serif;color:#111;border-top:.4mm solid #111;padding-top:2.5mm}#riderid-app .a3info-top{font-weight:800;font-size:11pt;letter-spacing:.02em;position:relative}#riderid-app .a3info-top .a3info-date{position:absolute;right:0;top:0;font-weight:600;color:#555;font-size:9.5pt}#riderid-app .a3info-spec{font-size:9pt;color:#333;margin-top:1.5mm;line-height:1.5}#riderid-app .a3qr{position:absolute;top:12mm;right:12mm;text-align:center;z-index:5}#riderid-app .a3qr img{width:26mm;height:26mm;display:block;image-rendering:pixelated}#riderid-app .a3qr-l{font:700 8.5pt Inter,Arial,sans-serif;color:#111;margin-top:1.2mm;letter-spacing:.04em}
/*# sourceMappingURL=/cdn/shop/t/30/assets/riderid.css.map */