.dop-btn{font-family:var(--dop-sans);font-size:14px;font-weight:600;height:46px;padding:0 22px;border-radius:var(--dop-r);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--dop-s-2);transition:all var(--dop-d-2) var(--dop-ease-out);text-decoration:none;line-height:1;white-space:nowrap}.dop-btn svg{width:14px;height:14px;flex-shrink:0}.dop-btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:6px}.dop-btn-lg{height:54px;padding:0 28px;font-size:15.5px}.dop-btn-pri{background:var(--dop-accent);color:#fff;border-color:transparent}.dop-btn-pri:hover{background:var(--dop-accent-hover)}.dop-btn-pri:active{transform:scale(.98)}.dop-btn-pri:disabled,.dop-btn-pri.disabled{background:var(--dop-ink-4);cursor:not-allowed}.dop-btn-pri.loading{position:relative;color:transparent;pointer-events:none}.dop-btn-pri.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dop-spin var(--dop-d-3) linear infinite}@keyframes dop-spin{to{transform:rotate(360deg)}}.dop-btn-sec{background:var(--dop-surface);color:var(--dop-ink);border-color:var(--dop-line-2)}.dop-btn-sec:hover{border-color:var(--dop-ink);background:var(--dop-page)}.dop-btn-sec.active{border-color:var(--dop-ink);background:var(--dop-ink);color:#fff}.dop-btn-sec:disabled{color:var(--dop-ink-4);border-color:var(--dop-line);cursor:not-allowed}.dop-btn-ghost{background:transparent;color:var(--dop-ink);border-color:transparent}.dop-btn-ghost:hover{background:var(--dop-page)}.dop-btn-link{background:transparent;color:var(--dop-ink);border:0;height:auto;padding:0;border-bottom:1px solid var(--dop-ink);border-radius:0;font-weight:500;font-size:14px}.dop-btn-link:hover,.dop-btn-link.accent{color:var(--dop-low);border-color:var(--dop-accent)}.dop-btn-destruct{background:var(--dop-surface);color:var(--dop-low);border-color:var(--dop-low)}.dop-btn-destruct:hover{background:var(--dop-low);color:#fff}.dop-btn-icon{width:46px;height:46px;padding:0;border-radius:50%;background:var(--dop-surface);border:1px solid var(--dop-line);color:var(--dop-ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dop-d-1) var(--dop-ease-out),background var(--dop-d-1) var(--dop-ease-out)}.dop-btn-icon:hover{border-color:var(--dop-ink-2)}.dop-btn-icon svg{width:16px;height:16px}.dop-btn-icon.sm{width:36px;height:36px}.dop-field{display:flex;flex-direction:column;gap:6px;width:100%}.dop-label{font-family:var(--dop-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dop-ink-2);font-weight:600}.dop-help{font-size:12.5px;color:var(--dop-ink-3);line-height:1.4}.dop-err{font-size:12.5px;color:var(--dop-low);display:flex;gap:5px;align-items:center;line-height:1.4}.dop-err svg{width:13px;height:13px;flex-shrink:0}.dop-input{height:46px;border:1px solid var(--dop-line-2);background:var(--dop-surface);border-radius:var(--dop-r);padding:0 14px;font-family:var(--dop-sans);font-size:14.5px;color:var(--dop-ink);width:100%;transition:border-color var(--dop-d-1) var(--dop-ease-out),box-shadow var(--dop-d-1) var(--dop-ease-out);outline:none}.dop-input::placeholder{color:var(--dop-ink-4)}.dop-input:hover{border-color:var(--dop-ink-2)}.dop-input:focus{border-color:var(--dop-ink);box-shadow:0 0 0 3px #1a1a1a14}.dop-input.error{border-color:var(--dop-low)}.dop-input.error:focus{box-shadow:0 0 0 3px #c84a2a26}.dop-input.success{border-color:var(--dop-good)}.dop-input:disabled{background:var(--dop-page);color:var(--dop-ink-4);cursor:not-allowed}.dop-input-icon{position:relative;width:100%}.dop-input-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--dop-ink-3);pointer-events:none}.dop-input-icon .dop-input{padding-left:40px}.dop-input-icon.right svg{left:auto;right:14px}.dop-input-icon.right .dop-input{padding-left:14px;padding-right:40px}textarea.dop-input{height:auto;padding:12px 14px;resize:vertical;min-height:96px;line-height:1.5}.dop-select{position:relative;width:100%}.dop-select select{appearance:none;-webkit-appearance:none;height:46px;border:1px solid var(--dop-line-2);background:var(--dop-surface);border-radius:var(--dop-r);padding:0 40px 0 14px;font-family:var(--dop-sans);font-size:14.5px;color:var(--dop-ink);width:100%;cursor:pointer;outline:none;transition:border-color var(--dop-d-1) var(--dop-ease-out),box-shadow var(--dop-d-1) var(--dop-ease-out)}.dop-select:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-30%) rotate(45deg);width:7px;height:7px;border-right:1.5px solid var(--dop-ink-2);border-bottom:1.5px solid var(--dop-ink-2);pointer-events:none}.dop-select select:focus{border-color:var(--dop-ink);box-shadow:0 0 0 3px #1a1a1a14}.dop-check{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--dop-ink);cursor:pointer;line-height:1.4}.dop-check input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--dop-line-2);border-radius:4px;background:var(--dop-surface);cursor:pointer;position:relative;transition:all var(--dop-d-1) var(--dop-ease-out);flex-shrink:0}.dop-check input:hover{border-color:var(--dop-ink)}.dop-check input:checked{background:var(--dop-ink);border-color:var(--dop-ink)}.dop-check input:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.dop-check input[type=radio]{border-radius:50%}.dop-check input[type=radio]:checked{background:var(--dop-surface);border-color:var(--dop-ink);border-width:5px}.dop-check input[type=radio]:checked:after{display:none}.dop-check input:disabled{opacity:.45;cursor:not-allowed}.dop-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--dop-ink);line-height:1.4}.dop-toggle input{-webkit-appearance:none;appearance:none;width:38px;height:22px;background:var(--dop-line-2);border-radius:var(--dop-r-pill);position:relative;cursor:pointer;transition:background var(--dop-d-2) var(--dop-ease-out);flex-shrink:0}.dop-toggle input:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000002e;transition:left var(--dop-d-2) var(--dop-ease-out)}.dop-toggle input:checked{background:var(--dop-accent)}.dop-toggle input:checked:after{left:18px}.dop-breadcrumb{font-family:var(--dop-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dop-ink-3);font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dop-breadcrumb a{text-decoration:none;color:var(--dop-ink-3);transition:color var(--dop-d-1) var(--dop-ease-out)}.dop-breadcrumb a:hover{color:var(--dop-ink)}.dop-breadcrumb .sep{opacity:.4}.dop-breadcrumb .here{color:var(--dop-ink)}.dop-tabs{display:flex;border-bottom:1px solid var(--dop-line)}.dop-tab{font-family:var(--dop-sans);font-size:14px;font-weight:500;color:var(--dop-ink-3);padding:14px 20px;background:transparent;border:0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dop-d-1) var(--dop-ease-out),border-color var(--dop-d-1) var(--dop-ease-out)}.dop-tab:hover{color:var(--dop-ink)}.dop-tab.active{color:var(--dop-ink);border-bottom-color:var(--dop-accent)}.dop-tab .ct{font-family:var(--dop-mono);font-size:11px;color:var(--dop-ink-3);margin-left:6px}.dop-tab.active .ct{color:var(--dop-low)}.dop-pag{display:flex;gap:6px;align-items:center}.dop-pag button{font-family:var(--dop-sans);font-size:13.5px;font-weight:500;width:36px;height:36px;border:1px solid var(--dop-line);background:var(--dop-surface);color:var(--dop-ink-2);border-radius:6px;cursor:pointer;transition:border-color var(--dop-d-1) var(--dop-ease-out),color var(--dop-d-1) var(--dop-ease-out),background var(--dop-d-1) var(--dop-ease-out)}.dop-pag button:hover{border-color:var(--dop-ink-2);color:var(--dop-ink)}.dop-pag button.active{background:var(--dop-ink);color:#fff;border-color:var(--dop-ink)}.dop-pag button:disabled{color:var(--dop-ink-4);cursor:not-allowed;border-color:var(--dop-line)}.dop-pag button.arrow{width:auto;padding:0 12px;display:inline-flex;gap:5px;align-items:center}.dop-pag .dots{color:var(--dop-ink-3);padding:0 4px;font-family:var(--dop-mono)}.dop-pill-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dop-fpill{font-family:var(--dop-sans);font-size:13px;font-weight:500;color:var(--dop-ink-2);padding:8px 14px;border:1px solid var(--dop-line);border-radius:var(--dop-r-pill);background:var(--dop-surface);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color var(--dop-d-1) var(--dop-ease-out),color var(--dop-d-1) var(--dop-ease-out),background var(--dop-d-1) var(--dop-ease-out)}.dop-fpill:hover{border-color:var(--dop-ink-2);color:var(--dop-ink)}.dop-fpill.has{background:var(--dop-ink);color:#fff;border-color:var(--dop-ink)}.dop-fpill .x{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ffffff2e;font-size:11px;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dopamiles-components.css.map */