.st-add .field{gap:var(--sp-2)}
.st-r1{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:var(--sp-2);align-items:center}
.st-top{display:flex;align-items:center;gap:var(--sp-2)}
.st-top .st-note{flex:1;min-width:0}
.st-top .icon-btn{margin-block:-.5rem;flex:none}
.touch .adorned>*{padding-inline:var(--sp-2)}
.st-when .affix{font-size:var(--fs-sm);white-space:nowrap}
.st-when input{font-size:var(--fs-md)}
.st-go{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2)}
.st-title{font-size:var(--fs-md);display:flex;justify-content:space-between}
.st-title .hint,.st-note{font-size:var(--fs-sm);color:var(--text-2);font-weight:400}
.st-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.st-list li{display:grid;gap:var(--sp-2)}
.st-list li+li{border-top:1px solid var(--border);padding-top:var(--sp-3)}
.st-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--sp-2)}
.st-r2 .input{padding-inline:var(--sp-2);font-size:var(--fs-md)}
.st-r2 .select select{padding-right:1.75rem}
.st-r2 .select::after{right:.75rem}
.st-list .adorned input{font-size:var(--fs-md)}
.st-r2 .chip{justify-content:center;border-radius:var(--r-2)}
.st-list .is-flag .chip{background:var(--warn-soft);border-color:var(--warn)}
.is-flag .st-note{color:var(--warn)}
.st-h{font-weight:500;color:var(--text-1);margin-bottom:calc(-1*var(--sp-2))}
.breakdown .v{text-align:right}
@container (min-width:36rem){.st-r2{grid-template-columns:8rem minmax(0,1fr) minmax(0,1fr) auto}}
@container (max-width:19rem){.st-r1{grid-template-columns:minmax(0,1fr) 6rem}.st-r2{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.st-r2 ::-webkit-calendar-picker-indicator{display:none}}
@media (max-width:63.99em){.app .look .look-card .compact-meta{grid-column:1/-1;grid-row:3;text-align:left;margin-top:var(--sp-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app .look .look-more{grid-row:1/span 2;align-self:center}}
.look-actions{flex-wrap:wrap}.look-actions .btn{padding-inline:var(--sp-3)}