#riderid-app[data-mode=designer]{--rid-fg:#111111;--rid-muted:#6b6b6b;--rid-line:#dcdcdc;--rid-soft:#fbfbfb;--rid-face:#f1f1f1;--rid-accent:#ddff00;--rid-ink:#111111;--rid-top-h:58px;--rid-rail-w:92px;--rid-panel-w:388px;--rid-panel-shift:0px;--rid-gap:18px;--rid-card:0 12px 34px #00000024, 0 2px 8px #0000001a;--rid-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--rid-top-h) minmax(0,1fr);grid-template-areas:"top" "canvas";background:#cfcfd5;overflow:hidden}#riderid-app[data-mode=designer] .topbar{display:none}#riderid-app[data-mode=designer] .wrap{display:contents}#riderid-app[data-mode=designer] .rid-top{grid-area:top;display:flex;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--rid-line);position:relative;z-index:6}#riderid-app[data-mode=designer] .rid-top:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--rid-accent)}#riderid-app[data-mode=designer] .rid-brand{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:186px;flex:0 0 auto;padding:0 20px;background:var(--rid-ink);color:#fff;text-decoration:none}#riderid-app[data-mode=designer] .rid-brand-img{display:block;width:auto;height:20px;max-width:150px;object-fit:contain;object-position:left center}#riderid-app[data-mode=designer] .rid-brand-n{font:800 12px/1 var(--rid-mono);letter-spacing:.06em}#riderid-app[data-mode=designer] .rid-brand-s{font:400 7.5px/1.25 var(--rid-mono);letter-spacing:.14em;color:#ffffffb3}#riderid-app[data-mode=designer] .rid-state{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;margin:0;padding:0 20px;font:400 11px/1 var(--rid-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rid-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#riderid-app[data-mode=designer] .rid-state b{font-weight:700;color:var(--rid-fg)}#riderid-app[data-mode=designer] .rid-state i{font-style:normal;color:#c9c9cc}#riderid-app[data-mode=designer] .rid-top-right{display:flex;align-items:center;gap:0;flex:0 0 auto}#riderid-app[data-mode=designer] .rid-total{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0 18px 0 8px}#riderid-app[data-mode=designer] .rid-total-l{font:400 8.5px/1 var(--rid-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rid-muted)}#riderid-app[data-mode=designer] .rid-total-v{font:800 16px/1 var(--rid-mono);letter-spacing:.01em;color:var(--rid-fg)}#riderid-app[data-mode=designer] .rid-atc{display:inline-flex;align-items:center;justify-content:center;gap:9px;align-self:stretch;min-width:210px;padding:0 22px;border:none;border-radius:0;cursor:pointer;background:var(--rid-ink);color:#fff;font:700 11.5px/1 var(--rid-mono);letter-spacing:.14em;text-transform:uppercase;transition:background .14s,color .14s}#riderid-app[data-mode=designer] .rid-atc svg{width:17px;height:17px;flex:0 0 auto}#riderid-app[data-mode=designer] .rid-atc:hover{background:var(--rid-accent);color:var(--rid-ink)}#riderid-app[data-mode=designer] .rid-atc[data-busy]{background:#3a3a3a;color:#fff;pointer-events:none}#riderid-app[data-mode=designer] .rid-close{display:flex;align-items:center;justify-content:center;align-self:stretch;width:56px;border-left:1px solid var(--rid-line);color:var(--rid-fg);text-decoration:none;transition:background .14s}#riderid-app[data-mode=designer] .rid-close svg{width:18px;height:18px}#riderid-app[data-mode=designer] .rid-close:hover{background:var(--rid-face)}#riderid-app[data-mode=designer] .rid-rail{position:absolute;left:var(--rid-gap);top:calc(var(--rid-top-h) + var(--rid-gap));width:var(--rid-rail-w);max-height:calc(100% - var(--rid-top-h) - var(--rid-gap) * 2);display:flex;flex-direction:column;gap:0;background:#fff;overflow:auto;z-index:5;box-shadow:var(--rid-card);scrollbar-width:none}#riderid-app[data-mode=designer] .rid-rail::-webkit-scrollbar{display:none}#riderid-app[data-mode=designer] .rid-rail-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:17px 4px;border:none;border-bottom:1px solid var(--rid-line);border-radius:0;background:#fff;color:var(--rid-fg);cursor:pointer;font-family:var(--rid-mono);transition:background .14s,color .14s}#riderid-app[data-mode=designer] .rid-rail-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .14s}#riderid-app[data-mode=designer] .rid-rail-ico{display:flex;align-items:center;justify-content:center;width:24px;height:24px}#riderid-app[data-mode=designer] .rid-rail-ico svg{width:100%;height:100%}#riderid-app[data-mode=designer] .rid-rail-lb{font:700 8.5px/1 var(--rid-mono);letter-spacing:.1em;text-align:center}#riderid-app[data-mode=designer] .rid-rail-btn:last-child{border-bottom:none}#riderid-app[data-mode=designer] .rid-rail-btn:hover{background:var(--rid-soft)}#riderid-app[data-mode=designer] .rid-rail-btn.on{background:var(--rid-ink);color:#fff}#riderid-app[data-mode=designer] .rid-rail-btn.on:before{background:var(--rid-accent)}#riderid-app[data-mode=designer] .config-col{position:absolute;left:calc(var(--rid-gap) + var(--rid-rail-w) + var(--rid-gap));top:calc(var(--rid-top-h) + var(--rid-gap));width:var(--rid-panel-w);max-height:calc(100% - var(--rid-top-h) - var(--rid-gap) * 2);min-height:min(560px,calc(100% - var(--rid-top-h) - var(--rid-gap) * 2));display:flex;flex-direction:column;background:#fff;z-index:4;transform:translate(0);transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .2s;box-shadow:var(--rid-card)}#riderid-app[data-mode=designer][data-panel=closed] .config-col{transform:translate(calc(-1 * (var(--rid-panel-w) + var(--rid-rail-w) + var(--rid-gap) * 3)));opacity:0}#riderid-app[data-mode=designer] .rid-panel-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;height:54px;padding:0 6px 0 20px;background:var(--rid-ink);color:#fff}#riderid-app[data-mode=designer] .rid-panel-t{font:800 13px/1 var(--rid-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#riderid-app[data-mode=designer] .rid-slashes{flex:0 0 auto;width:26px;height:13px;margin-right:auto;background:repeating-linear-gradient(115deg,var(--rid-accent) 0 3px,transparent 3px 7px)}#riderid-app[data-mode=designer] .rid-panel-next{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:none;border-radius:0;background:none;color:#ffffffb8;cursor:pointer;font:700 10.5px/1 var(--rid-mono);letter-spacing:.14em;text-transform:uppercase;transition:.14s}#riderid-app[data-mode=designer] .rid-panel-next svg{width:14px;height:14px}#riderid-app[data-mode=designer] .rid-panel-next:hover,#riderid-app[data-mode=designer] .rid-panel-next.last{color:var(--rid-accent)}#riderid-app[data-mode=designer] .rid-panel-x{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border:none;border-radius:0;background:none;color:#ffffffb8;cursor:pointer;transition:.14s}#riderid-app[data-mode=designer] .rid-panel-x svg{width:17px;height:17px}#riderid-app[data-mode=designer] .rid-panel-x:hover{color:#fff}#riderid-app[data-mode=designer] .config-col>.lead,#riderid-app[data-mode=designer] .config-col>.rid-titlebar,#riderid-app[data-mode=designer] .config-col>.section-label,#riderid-app[data-mode=designer] .config-col>.cta,#riderid-app[data-mode=designer] .config-col>.hint,#riderid-app[data-mode=designer] .pill-head{display:none!important}#riderid-app[data-mode=designer] .pill{display:none;border-top:none;flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}#riderid-app[data-mode=designer] .pill.rid-active{display:block}#riderid-app[data-mode=designer] .pill-body{max-height:none!important;overflow:visible}#riderid-app[data-mode=designer] .pill-body-inner{border:none;border-radius:0;background:none;margin:0;padding:18px}#riderid-app[data-mode=designer] .preview-col{grid-area:canvas;position:relative;top:auto;min-width:0;min-height:0;align-self:stretch;padding-inline-start:var(--rid-panel-shift);transition:padding .26s cubic-bezier(.4,0,.2,1);background:radial-gradient(64% 58% at 58% 46%,#e6e6ea,#d9d9de 52%,#c9c9cf);display:flex;align-items:center;justify-content:center}#riderid-app[data-mode=designer]{--rid-panel-shift:calc(var(--rid-gap) + var(--rid-rail-w))}#riderid-app[data-mode=designer][data-panel=open]{--rid-panel-shift:calc(var(--rid-gap) * 2 + var(--rid-rail-w) + var(--rid-panel-w))}#riderid-app[data-mode=designer] .studio{border:none;border-radius:0;background:none;min-height:0;width:100%;height:100%;padding:60px 40px 84px;overflow:visible}#riderid-app[data-mode=designer] .studio:after{bottom:14%;width:46%;height:34px}#riderid-app[data-mode=designer] .garment{width:auto;height:100%;max-width:min(1040px,100%);max-height:100%;margin:0 auto}#riderid-app[data-mode=designer] svg.art{width:100%;height:100%}#riderid-app[data-mode=designer] .kicker{top:18px;left:20px;font:700 9px/1 var(--rid-mono);letter-spacing:.18em;color:#a9a9b0}#riderid-app[data-mode=designer] .kicker:before{content:"";display:inline-block;width:5px;height:5px;background:var(--rid-accent);margin-right:7px;vertical-align:middle}#riderid-app[data-mode=designer] .tap-hint{bottom:auto;top:18px;right:20px;left:auto;text-align:right;font:400 9.5px/1.4 var(--rid-mono);letter-spacing:.06em;color:#a9a9b0;text-transform:uppercase}#riderid-app[data-mode=designer] .preview-actions{position:absolute;left:50%;bottom:var(--rid-gap);transform:translate(-50%);margin:0;gap:0;border:1px solid var(--rid-line);background:#fff;box-shadow:0 6px 20px #0000000f;z-index:3;max-width:calc(100% - 32px)}#riderid-app[data-mode=designer] .pa-btn{flex:0 0 auto;border:none;border-right:1px solid var(--rid-line);border-radius:0;padding:0 18px;height:44px;font:700 9.5px/1 var(--rid-mono);letter-spacing:.12em;text-transform:uppercase;gap:9px;white-space:nowrap}#riderid-app[data-mode=designer] .pa-btn:last-child{border-right:none}#riderid-app[data-mode=designer] .pa-btn:hover{background:var(--rid-accent);border-color:var(--rid-line)}#riderid-app[data-mode=designer] .pa-btn:active{transform:none}#riderid-app[data-mode=designer] .pa-btn svg{width:15px;height:15px}#riderid-app[data-mode=designer] label.lbl,#riderid-app[data-mode=designer] .cat-h,#riderid-app[data-mode=designer] .colgrp-title,#riderid-app[data-mode=designer] .cf-t{font-family:var(--rid-mono);font-size:9.5px;font-weight:700;letter-spacing:.14em;color:var(--rid-muted)}#riderid-app[data-mode=designer] input[type=text],#riderid-app[data-mode=designer] .cf-search{height:46px;padding:0 14px;border-radius:0;border-color:var(--rid-line);font-size:15px}#riderid-app[data-mode=designer] input[type=text]:focus,#riderid-app[data-mode=designer] .cf-search:focus{border-color:var(--rid-ink);box-shadow:inset 0 0 0 1px var(--rid-ink)}#riderid-app[data-mode=designer] .seg button{border-radius:0;min-height:46px}#riderid-app[data-mode=designer] .seg button.on{background:var(--rid-ink);border-color:var(--rid-ink)}#riderid-app[data-mode=designer] .ft,#riderid-app[data-mode=designer] .dz,#riderid-app[data-mode=designer] .fl,#riderid-app[data-mode=designer] .cf-p,#riderid-app[data-mode=designer] .cf-chip,#riderid-app[data-mode=designer] .grad-prev,#riderid-app[data-mode=designer] .colgrp,#riderid-app[data-mode=designer] .cf-body,#riderid-app[data-mode=designer] .sw{border-radius:0}#riderid-app[data-mode=designer] .ft.on,#riderid-app[data-mode=designer] .dz.on,#riderid-app[data-mode=designer] .fl.on,#riderid-app[data-mode=designer] .cf-p.on,#riderid-app[data-mode=designer] .sw.on{box-shadow:0 0 0 2px var(--rid-ink)}#riderid-app[data-mode=designer] .ft .nm{font-family:var(--rid-mono);font-size:8.5px;letter-spacing:.06em}#riderid-app[data-mode=designer] .dtar-tog,#riderid-app[data-mode=designer] .grad-tog{border-radius:0;background:var(--rid-face);padding:0}#riderid-app[data-mode=designer] .dtar-tog button,#riderid-app[data-mode=designer] .grad-tog button{border-radius:0;font-family:var(--rid-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:12px 10px}#riderid-app[data-mode=designer] .dtar-tog button.on{background:var(--rid-ink);color:#fff;box-shadow:none}#riderid-app[data-mode=designer] .grad-tog button.on{background:var(--rid-ink);color:#fff}#riderid-app[data-mode=designer] .szopt{border-radius:0;min-height:46px}#riderid-app[data-mode=designer] .szopt .szn{font-family:var(--rid-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em}#riderid-app[data-mode=designer] .szopt .szm{font-family:var(--rid-mono);font-size:11.5px}#riderid-app[data-mode=designer] .sizerow .szl,#riderid-app[data-mode=designer] .sizerow .szv{font-family:var(--rid-mono);font-size:10.5px;letter-spacing:.06em}#riderid-app[data-mode=designer] .colgrp{background:var(--rid-soft)}#riderid-app[data-mode=designer] .cf-grid{max-height:230px}#riderid-app[data-mode=designer] .designs{grid-template-columns:repeat(4,1fr)}#riderid-app[data-mode=designer] .dz .nm{font-family:var(--rid-mono);font-size:8px;letter-spacing:.02em;padding:3px 2px}#riderid-app[data-mode=designer] .modal,#riderid-app[data-mode=designer] .m-btn,#riderid-app[data-mode=designer] .m-field input,#riderid-app[data-mode=designer] .gcard,#riderid-app[data-mode=designer] .toast{border-radius:0}#riderid-app[data-mode=designer] .m-btn{font-family:var(--rid-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}#riderid-app[data-mode=designer] .rid-rail-btn:focus-visible,#riderid-app[data-mode=designer] .rid-atc:focus-visible,#riderid-app[data-mode=designer] .rid-close:focus-visible,#riderid-app[data-mode=designer] .rid-panel-x:focus-visible,#riderid-app[data-mode=designer] .pa-btn:focus-visible{outline:3px solid var(--rid-accent);outline-offset:-3px}@media(max-width:900px){#riderid-app[data-mode=designer]{--rid-top-h:54px;--rid-rail-h:70px;--rid-gap:10px;--rid-sheet-h:min(56vh,460px);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--rid-top-h) minmax(0,1fr);grid-template-areas:"top" "canvas"}#riderid-app[data-mode=designer] .rid-brand{min-width:0;padding:0 14px}#riderid-app[data-mode=designer] .rid-brand-img{height:17px;max-width:112px}#riderid-app[data-mode=designer] .rid-state{display:none}#riderid-app[data-mode=designer] .rid-atc{min-width:0;padding:0 16px}#riderid-app[data-mode=designer] .rid-atc .rid-atc-t{display:none}#riderid-app[data-mode=designer] .rid-close{width:48px}#riderid-app[data-mode=designer] .rid-rail{left:var(--rid-gap);right:var(--rid-gap);top:auto;bottom:calc(var(--rid-gap) + env(safe-area-inset-bottom));width:auto;max-height:none;height:var(--rid-rail-h);flex-direction:row;overflow-x:auto}#riderid-app[data-mode=designer] .rid-rail-btn{flex:1 0 auto;min-width:78px;border-bottom:none;border-right:1px solid var(--rid-line);padding:9px 6px}#riderid-app[data-mode=designer] .rid-rail-btn:last-child{border-right:none}#riderid-app[data-mode=designer] .rid-rail-btn:before{left:0;right:0;top:0;bottom:auto;width:auto;height:3px}#riderid-app[data-mode=designer] .config-col{left:var(--rid-gap);right:var(--rid-gap);width:auto;top:auto;bottom:calc(var(--rid-rail-h) + var(--rid-gap) * 2 + env(safe-area-inset-bottom));height:var(--rid-sheet-h);max-height:none;min-height:0;transform:translateY(0)}#riderid-app[data-mode=designer][data-panel=closed] .config-col{transform:translateY(calc(100% + var(--rid-rail-h) + var(--rid-gap) * 3))}#riderid-app[data-mode=designer] .preview-col{padding-inline-start:0}#riderid-app[data-mode=designer],#riderid-app[data-mode=designer][data-panel=open]{--rid-panel-shift:0px}#riderid-app[data-mode=designer][data-panel=open] .preview-col{padding-block-end:calc(var(--rid-sheet-h) + var(--rid-rail-h) + var(--rid-gap) * 3)}#riderid-app[data-mode=designer][data-panel=closed] .preview-col{padding-block-end:calc(var(--rid-rail-h) + var(--rid-gap) * 2)}#riderid-app[data-mode=designer][data-panel=open] .preview-actions{display:none}#riderid-app[data-mode=designer] .studio{padding:44px 14px 16px}#riderid-app[data-mode=designer] .tap-hint{display:none}#riderid-app[data-mode=designer] .rid-panel-head{height:50px;padding-inline-start:16px}#riderid-app[data-mode=designer] .rid-panel-t{font-size:12px}#riderid-app[data-mode=designer] .preview-actions{bottom:calc(var(--rid-rail-h) + var(--rid-gap) * 2 + env(safe-area-inset-bottom));flex-wrap:nowrap;width:max-content;max-width:calc(100% - 20px);overflow:auto}#riderid-app[data-mode=designer] .pa-btn{flex:0 0 auto;padding:0 11px;height:40px;font-size:8.5px;gap:7px}#riderid-app[data-mode=designer] .pa-btn svg{width:13px;height:13px}#riderid-app[data-mode=designer] .designs{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){#riderid-app[data-mode=designer] .config-col,#riderid-app[data-mode=designer] .preview-col{transition:none}}#riderid-app[data-mode=designer]{height:100vh;height:100dvh}#riderid-app[data-mode=designer] .rid-cart-hook{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:none;padding:0}#riderid-app[data-mode=designer] .rid-done{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;align-items:center;justify-content:center;padding:20px;background:#0d0d0fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#riderid-app[data-mode=designer] .rid-done[hidden]{display:none}#riderid-app[data-mode=designer] .rid-done-card{width:100%;max-width:440px;background:#fff;border-top:3px solid var(--rid-accent);padding:30px 30px 26px;box-shadow:0 30px 80px #00000045}#riderid-app[data-mode=designer] .rid-done-k{display:block;font:700 9px/1 var(--rid-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rid-muted)}#riderid-app[data-mode=designer] .rid-done-t{font-size:22px;font-weight:800;line-height:1.2;margin:10px 0 8px;color:var(--rid-fg)}#riderid-app[data-mode=designer] .rid-done-s{margin:0 0 22px;font:400 11px/1.6 var(--rid-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rid-muted)}#riderid-app[data-mode=designer] .rid-done-actions{display:flex;gap:10px}#riderid-app[data-mode=designer] .rid-done-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 14px;border:1px solid var(--rid-ink);background:#fff;color:var(--rid-ink);cursor:pointer;text-decoration:none;font:700 10.5px/1 var(--rid-mono);letter-spacing:.12em;text-transform:uppercase;transition:.14s}#riderid-app[data-mode=designer] .rid-done-btn:hover{background:var(--rid-accent)}#riderid-app[data-mode=designer] .rid-done-primary{background:var(--rid-ink);color:#fff}#riderid-app[data-mode=designer] .rid-done-primary:hover{background:var(--rid-accent);color:var(--rid-ink);border-color:var(--rid-accent)}#riderid-app[data-mode=designer] .rid-done-link{display:block;margin-top:16px;text-align:center;color:var(--rid-muted);text-decoration:underline;font:400 10px/1 var(--rid-mono);letter-spacing:.1em;text-transform:uppercase}#riderid-app[data-mode=designer] .rid-done-link:hover{color:var(--rid-fg)}#riderid-app[data-mode=designer] .cf-lb{font-family:var(--rid-mono);font-size:11px;letter-spacing:.04em}#riderid-app[data-mode=designer] .cf-lb.sub{font-size:10px}#riderid-app[data-mode=designer] .cf-cap{font-family:var(--rid-mono);font-size:10.5px;letter-spacing:.06em}#riderid-app[data-mode=designer] .rid-done-btn:focus-visible,#riderid-app[data-mode=designer] .rid-done-link:focus-visible{outline:3px solid var(--rid-accent);outline-offset:2px}#riderid-app[data-mode=designer] .config-col{position:absolute}#riderid-app[data-mode=designer] .config-col:after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;pointer-events:none;background:linear-gradient(to bottom,#fff0,#fff)}#riderid-app[data-mode=designer] .rid-panel-next:focus-visible,#riderid-app[data-mode=designer] .rid-panel-x:focus-visible{outline:2px solid var(--rid-accent);outline-offset:-4px}
/*# sourceMappingURL=/cdn/shop/t/31/assets/riderid-designer.css.map */