.dl-demo{width:100%;max-width:400px;container-type:inline-size}.dd{--dd-ease:cubic-bezier(.16,1,.3,1);--dd-line:#0c0b0b29;background:var(--paper);box-shadow:inset 0 0 0 1px var(--dd-line);color:var(--ink-2);border-radius:min(8.5cqw,34px);margin:0;padding:18px 18px 14px;transition:box-shadow .4s ease-out,color .4s ease-out;position:relative}.dd:hover,.dd:focus-within,.dd.is-on{color:var(--ink);box-shadow:inset 0 0 0 1px #0c0b0b8c}:where(.dd) button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.dd :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dd-cap{flex-direction:column;gap:5px;display:flex}.dd-cap span{font:700 11px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.dd-cap b{font:700 17px/1.25 var(--sans);color:var(--ink);text-wrap:balance}.dd-stage{font:600 13px/1.4 var(--sans);margin-top:14px;position:relative}.dd .dd-th img,.dd .dd-scr img,.dd .dd-kimg img{filter:grayscale()contrast(.62)brightness(1.22);transition:filter .5s ease-out}.dd:hover .dd-th img,.dd.is-on .dd-th img,.dd:hover .dd-scr img,.dd.is-on .dd-scr img,.dd-kitchen.is-hot .dd-kimg img,.dd-big img{filter:none}.dd-btn{background:var(--ink);height:42px;color:var(--paper);font:700 13px/1 var(--sans);letter-spacing:.02em;transition:opacity .2s,transform .2s var(--dd-ease);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;display:inline-flex}.dd-btn:active{transform:scale(.97)}.dd-btn:disabled{opacity:.22;cursor:default}.dd-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dd-chl{min-width:52px;font:700 10.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.dd-chip{min-height:36px;font:700 12.5px/1 var(--sans);color:var(--ink);border-radius:999px;align-items:center;gap:5px;padding:0 13px;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #0c0b0b47}.dd-chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.dd-chip[aria-checked=true]{background:var(--ink);color:var(--paper);box-shadow:none}.dd-chip:disabled{opacity:.3;cursor:default}.dd-done{min-height:2.9em;font:600 13.5px/1.45 var(--sans);color:var(--ink);text-wrap:pretty;margin-top:12px}.dd-again{font:700 11.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);align-items:center;gap:6px;padding:6px 0;display:inline-flex}.dd-again svg{width:13px;height:13px}.dd-again[hidden]{display:none}.dd-file{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:16px;display:grid}.dd-sheet{z-index:3;width:104px;color:var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:50%;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.dd-sheet svg{filter:drop-shadow(0 10px 14px #0c0b0b29);width:100%;height:auto;display:block}.dd-sheet.is-drag{cursor:grabbing}.dd-sheet.is-drag svg{filter:drop-shadow(0 18px 20px #0c0b0b47)}.dd-sheet.is-fly{transition:transform .55s var(--dd-ease),opacity .25s ease-out .35s}.dd-sheet.is-in{opacity:0;pointer-events:none}.dd-fname{font:700 11.5px/1 var(--sans)}@keyframes dd-wiggle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.dd-sheet.is-hint svg{animation:.45s ease-in-out 2 dd-wiggle}.dd-form{box-shadow:inset 0 0 0 1px var(--dd-line);color:var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.dd-ft{font:700 13px/1.2 var(--sans)}.dd-field{box-shadow:inset 0 0 0 1px var(--dd-line);font:600 12.5px/1.3 var(--sans);border-radius:9px;padding:7px 10px 8px;display:block}.dd-field i{color:var(--ink-2);margin-bottom:2px;font-size:10.5px;font-style:normal;display:block}.dd-drop{text-align:center;min-height:66px;font:600 12px/1.35 var(--sans);color:var(--ink-2);transition:transform .3s var(--dd-ease),background-color .3s,border-color .3s;border:1.5px dashed #0c0b0b52;border-radius:10px;place-items:center;padding:8px;display:grid}.dd-drop-1{color:var(--ink);display:none}.dd-drop.is-near{border-color:var(--ink);transform:scale(1.04)}.dd-drop.is-full{border-style:solid;border-color:var(--ink);background:#0c0b0b0d}.dd-drop.is-full .dd-drop-0{display:none}.dd-drop.is-full .dd-drop-1{display:block}.dd-file .dd-send{width:100%;height:38px}.dd-file .dd-done,.dd-file .dd-again{grid-column:1/-1}.dd-file .dd-done{margin-top:0}.dd-road{height:118px;color:var(--ink);position:relative}.dd-pt{font:700 13.5px/1.25 var(--sans);position:absolute;top:0}.dd-pt i{font-style:normal;font:700 10.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin-bottom:3px;display:block}.dd-pt-a{left:0}.dd-pt-b{text-align:right;right:0}.dd-city{display:inline-block}.dd-line{opacity:.5;background:repeating-linear-gradient(90deg,currentColor 0 7px,#0000 7px 13px);height:2px;position:absolute;top:100px;left:5px;right:5px}.dd-line:before,.dd-line:after{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px}.dd-line:before{left:-5px}.dd-line:after{right:-5px}.dd-truck{width:92px;height:40px;position:absolute;top:54px;left:4px}.dd-truck svg{width:100%;height:100%;display:none;position:absolute;inset:0}.dd-truck svg.is-on{display:block}.dd-rows{gap:8px;margin-top:10px;display:grid}.dd-route .dd-send{margin-top:14px}.dd-hall{height:210px;color:var(--ink);background:#fff;border-radius:16px;position:relative;box-shadow:inset 0 0 0 1.5px #0c0b0b80}.dd-bar-c{text-align:center;width:30%;font:700 10px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);background:#0c0b0b12;border-radius:6px;padding:5px 0;position:absolute;bottom:12px;right:12px}.dd-win{font:700 9.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);text-align:center;padding-top:9px;position:absolute;top:-1px;left:22%;right:22%}.dd-win:before{content:"";background:repeating-linear-gradient(90deg,#0c0b0b8c 0 12px,#fff 12px 16px);height:3px;position:absolute;top:0;left:0;right:0}.dd-tb{--d:calc(24px + var(--s) * 4.5px);width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);transition:transform .25s var(--dd-ease),opacity .25s;border-radius:50%;padding:0;position:absolute}.dd-tb:before{content:"";border-radius:50%;position:absolute;inset:-8px}.dd-tb-in{z-index:1;background:var(--paper);width:100%;height:100%;box-shadow:inset 0 0 0 1.5px var(--ink);font:700 12px/1 var(--sans);color:var(--ink);border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid;position:relative}.dd-tb i{background:var(--ink);opacity:.4;width:7px;height:7px;transform:rotate(calc(var(--j) * 360deg / var(--s) + 45deg)) translateY(calc(var(--d) / -2 - 6px));border-radius:50%;margin:-3.5px;position:absolute;top:50%;left:50%}.dd-tb:hover .dd-tb-in{background:#0c0b0b14}.dd-tb[aria-pressed=true] .dd-tb-in{background:var(--ink);color:var(--paper)}.dd-tb[aria-pressed=true] i{opacity:1}.dd-tb.is-busy{cursor:default;opacity:.32}.dd-tb.is-busy .dd-tb-in{background:repeating-linear-gradient(45deg,#0c0b0b59 0 1.5px,var(--paper) 1.5px 5px)}.dd-table .dd-chips{margin-top:12px}.dd-measure{flex-direction:column;align-items:center;display:flex}.dd-phone{background:var(--ink);border-radius:30px;width:min(216px,64%);padding:7px}.dd-scr{aspect-ratio:390/720;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#fff;border-radius:23px;position:relative;overflow:hidden}.dd-scr.is-drag{cursor:grabbing}.dd-long{will-change:transform;pointer-events:none;width:100%;height:auto;transition:opacity .25s ease-out;display:block;position:absolute;top:0;left:0}.dd-scr.is-jump .dd-long{opacity:0}.dd-barimg{z-index:2;pointer-events:none;width:100%;height:auto;display:block;position:absolute;bottom:0;left:0}.dd-measure .dd-done{text-align:center;max-width:30ch}.dd-link{font:700 12px/1 var(--sans);color:var(--ink);align-items:center;gap:.35em;margin-top:2px;padding:4px 0;display:inline-flex}.dd-link svg{width:11px;height:11px}.dd-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.dd-step{text-align:left;width:100%;min-height:56px;box-shadow:inset 0 0 0 1px var(--dd-line);font:700 11px/1.2 var(--sans);color:var(--ink);border-radius:10px;flex-direction:column;gap:4px;padding:7px 8px 8px;transition:background-color .2s,color .2s;display:flex}.dd-step i{color:var(--ink-2);font-size:10px;font-style:normal}.dd-step-v{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dd-step:disabled{cursor:default;opacity:.45}.is-cur>.dd-step{box-shadow:inset 0 0 0 1.5px var(--ink);opacity:1}.is-done>.dd-step{background:var(--ink);color:var(--paper)}.is-done>.dd-step i{color:#f7f6f399}.dd-pane{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.dd-pane[hidden]{display:none}.dd-pane--times{grid-template-columns:repeat(4,minmax(0,1fr))}.dd-opt{text-align:left;min-height:46px;font:700 12.5px/1.25 var(--sans);color:var(--ink);border-radius:11px;padding:8px 10px;transition:box-shadow .2s,background-color .2s;box-shadow:inset 0 0 0 1px #0c0b0b3d}.dd-pane--times .dd-opt{text-align:center;padding:8px 4px}.dd-opt span{color:var(--ink-2);margin-top:3px;font-size:11px;font-weight:600;display:block}.dd-opt:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--ink)}.dd-opt.is-busy{opacity:.35;cursor:default;text-decoration:line-through}.dd-book~.dd-done,.dd-book .dd-done{min-height:4.3em}.dd-chatw{gap:12px;display:grid}.dd-chat{height:300px;box-shadow:inset 0 0 0 1px var(--dd-line);color:var(--ink);background:#fff;border-radius:20px;flex-direction:column;padding:10px 10px 8px;display:flex}.dd-chat-h{border-bottom:1px solid var(--dd-line);font:600 11.5px/1.2 var(--sans);color:var(--ink-2);padding:0 4px 8px}.dd-chat-h b{color:var(--ink);margin-right:6px;font-size:13px}.dd-msgs{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;min-height:0;padding:8px 0;display:flex;overflow:hidden}.dd-m{max-width:86%;font:600 12.5px/1.35 var(--sans);opacity:0;transition:opacity .25s ease-out,transform .4s var(--dd-ease);border-radius:14px;flex:none;padding:7px 10px 8px;transform:translateY(8px)}.dd-m.is-in,.dd-m--static{opacity:1;transform:none}.dd-m--me{background:var(--ink);color:var(--paper);border-bottom-right-radius:4px;align-self:flex-end}.dd-m--bot{background:#efede9;border-bottom-left-radius:4px;align-self:flex-start}.dd-m--check{flex-direction:column;gap:2px;display:flex}.dd-m--check b{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.dd-m--st{font-weight:700}.dd-m--st:before{content:"";background:var(--ink);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.dd-m--dots i{background:var(--ink-2);border-radius:50%;width:5px;height:5px;margin:0 2px;animation:1s ease-in-out infinite dd-dot;display:inline-block}.dd-m--dots i:nth-child(2){animation-delay:.15s}.dd-m--dots i:nth-child(3){animation-delay:.3s}@keyframes dd-dot{50%{opacity:.25;transform:translateY(-2px)}}.dd-input{min-height:36px;box-shadow:inset 0 0 0 1px var(--dd-line);font:600 12px/1.3 var(--sans);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;display:flex;overflow:hidden}.dd-typed{text-overflow:clip;text-align:left;direction:rtl;overflow:hidden}.dd-typed:empty:before{content:"Напишите заказ словами";color:var(--ink-2);direction:ltr}.dd-caret{background:var(--ink);flex:none;width:1.5px;height:15px;margin-left:1px;animation:1s step-end infinite dd-caret;display:none}.is-typing .dd-caret{display:inline-block}@keyframes dd-caret{50%{opacity:0}}.dd-kitchen{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;margin:0;display:grid}.dd-kimg{box-shadow:0 0 0 1px var(--dd-line);transition:transform .4s var(--dd-ease);border-radius:10px;display:block;position:relative;overflow:hidden}.dd-kimg img{width:100%;height:auto;display:block}.dd-kitchen.is-hot .dd-kimg{transform:translateY(-3px)}.dd-kitchen figcaption{font:600 12px/1.4 var(--sans);color:var(--ink-2);transition:color .3s}.dd-kitchen.is-hot figcaption{color:var(--ink)}.dd-plan{background-image:radial-gradient(#0c0b0b2e 1px,#0000 1.2px);background-size:12px 12px;width:calc(100% - 46px);height:180px;margin-bottom:24px;position:relative}.dd-floor{width:60%;height:70%;box-shadow:0 0 0 2px var(--ink);color:var(--ink);background-color:#fff;background-image:linear-gradient(90deg,#0c0b0b61 1px,#0000 1px),linear-gradient(#0c0b0b61 1px,#0000 1px);position:absolute;top:0;left:0}.dd-cut{pointer-events:none;background:repeating-linear-gradient(45deg,#0c0b0b42 0 1.5px,#0000 1.5px 5px);position:absolute}.dd-cut-r{width:0;top:0;bottom:0;right:0}.dd-cut-b{height:0;bottom:0;left:0;right:0}.dd-dim{font:700 11px/1 var(--sans);white-space:nowrap;position:absolute}.dd-dim-w{text-align:center;top:calc(100% + 8px);left:0;right:0}.dd-dim-h{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.dd-handle{cursor:nwse-resize;touch-action:none;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;bottom:-22px;right:-22px}.dd-handle:before{content:"";background:var(--ink);box-shadow:0 0 0 3px var(--paper);transition:transform .2s var(--dd-ease);border-radius:50%;position:absolute;inset:11px}.dd-handle:after{content:"";border-right:1.5px solid var(--paper);border-bottom:1.5px solid var(--paper);width:8px;height:8px;position:absolute;top:18px;left:18px}.dd-handle:hover:before,.dd-handle.is-drag:before{transform:scale(1.15)}.dd-tile .dd-chips{margin-top:4px}.dd-calc{color:var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0;display:grid}.dd-calc dt{font:700 10px/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.dd-calc dd{font:700 16px/1.1 var(--sans);white-space:nowrap;margin:4px 0 0}.dd-calc dd b{font-size:20px}.dd-gw{margin-top:12px;position:relative}.dd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.dd-grid li[hidden]{display:none}.dd-th{aspect-ratio:4/5;width:100%;box-shadow:0 0 0 1px var(--dd-line);background:#efede9;border-radius:10px;padding:0;display:block;position:relative;overflow:hidden}.dd-th img{object-fit:cover;width:100%;height:100%;transition:filter .5s ease-out,transform .5s var(--dd-ease);display:block;position:absolute;inset:0}@media (hover:hover){.dd-th:hover img{transform:scale(1.04)}}.dd-th--more{font:700 12.5px/1.2 var(--sans);color:var(--ink);flex-direction:column;justify-content:flex-end;gap:4px;padding:10px;display:flex}.dd-th--more span{color:var(--ink-2);align-items:center;gap:.3em;font-size:11px;font-weight:600;display:inline-flex}.dd-th--more svg{width:10px;height:10px}.dd-big{z-index:4;transform-origin:0 0;background:#efede9;border-radius:14px;position:absolute;inset:0;overflow:hidden}.dd-big[hidden]{display:none}.dd-big img{object-fit:cover;cursor:zoom-out;width:100%;height:100%;display:block}.dd-big-cap{background:var(--paper);max-width:calc(100% - 20px);font:700 12px/1.25 var(--sans);color:var(--ink);border-radius:9px;padding:7px 10px;position:absolute;bottom:10px;left:10px}.dd-big-x{background:var(--paper);width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.dd-big-x svg{width:14px;height:14px}.dd-gal .dd-done{color:var(--ink-2);font-size:12px}.dd-size{color:var(--ink);grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px 16px;display:grid}.dd-tee-w{grid-row:1/span 2;place-items:center;height:150px;display:grid;position:relative}.dd-tee{transform-origin:50% 60%;width:116px;height:116px;transition:transform .45s var(--dd-ease)}.dd-girth{transition:opacity .2s}.dd-girth.is-ping{animation:.7s ease-out dd-ping}@keyframes dd-ping{0%{opacity:.15}to{opacity:1}}.dd-tee-tag{box-shadow:inset 0 0 0 1px var(--dd-line);background:var(--paper);font:700 11.5px/1 var(--sans);white-space:nowrap;border-radius:999px;padding:4px 9px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dd-tee-tag:empty{display:none}.dd-range{display:block}.dd-range>span{font:700 10.5px/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:baseline;display:flex}.dd-range output{font:700 16px/1 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}.dd-range input{width:100%;height:32px;accent-color:var(--ink);cursor:pointer;margin:4px 0 0;display:block}.dd-check{min-height:32px;font:600 13px/1.2 var(--sans);cursor:pointer;align-items:center;gap:8px;display:flex}.dd-check input{width:18px;height:18px;accent-color:var(--ink);margin:0}.dd-chips--size,.dd-size .dd-done{grid-column:1/-1}.dd-chips--size .dd-chip{flex:1 1 0;justify-content:center;gap:4px;min-width:0;padding:0 6px;font-size:11px}.dd-chips--size .dd-chip b{font-size:13.5px}.dd-size .dd-done{margin-top:0}@media (prefers-reduced-motion:reduce){.dd *,.dd :before,.dd :after{transition:none!important;animation:none!important}}