case-designer{display:block}.cased{max-width:120rem;margin:0 auto}.cased__heading{margin-bottom:2.4rem}.cased__layout{display:flex;flex-direction:column;gap:2.4rem;padding-bottom:8rem}.cased__stage{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:0}.cased__fallback{display:block;width:100%;height:100%;object-fit:cover}.cased__fallback--placeholder{background:rgba(var(--color-foreground),.06)}.cased__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s ease}.cased__canvas.is-visible{opacity:1}.cased__note{display:none;position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;margin:0;padding:1.2rem 1.6rem;gap:.8rem;align-items:center;font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid #f59e0b;border-left:.4rem solid #f59e0b}.cased__note.is-visible{display:flex}.cased__note-icon{flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;background:#f59e0b}.cased__sidebar{display:flex;flex-direction:column;gap:2.4rem}.cased__steps{display:flex;flex-direction:column}.cased__step{background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.12)}.cased__step:last-child{border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.cased__step-summary{display:flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:1.2rem 0;cursor:pointer;list-style:none}.cased__step-summary::-webkit-details-marker{display:none}.cased__step-title{flex:0 0 auto;font-family:var(--font-heading-family);font-weight:500;font-size:2rem;line-height:1.2}.cased__summary{flex:1 1 auto;font-size:1.4rem;font-weight:400;line-height:1.5;color:rgba(var(--color-foreground),.7);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cased__summary-value{font-weight:500;color:rgb(var(--color-foreground))}.cased__step-summary .icon-caret{flex:0 0 auto;width:1.2rem;height:1.2rem;transition:transform .2s ease}.cased__step[open] .cased__step-summary .icon-caret{transform:rotate(180deg)}.cased__step-body{display:flex;flex-direction:column;gap:1.6rem;padding:.4rem 0 2rem}.cased__sublabel{font-size:1.4rem;font-weight:500}.cased__caption{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.6)}.cased__cards{display:flex;flex-wrap:wrap;gap:.8rem;min-height:4.4rem}.cased__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:8rem;min-height:4.4rem;padding:.8rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:0;background:rgb(var(--color-background))}.cased__card.is-selected{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cased__card-input{position:absolute;opacity:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.cased__card-chip{width:2.4rem;height:2.4rem;background:rgba(var(--color-foreground),.12)}.cased__card-label{font-size:1.4rem;text-align:center}.cased__swatches{display:flex;flex-wrap:wrap;gap:.8rem;min-height:4.4rem}.cased__swatch,.cased__card--swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:6rem;min-height:4.4rem;padding:.4rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:0}.cased__swatch.is-selected,.cased__card--swatch.is-selected{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cased__swatch-input{position:absolute;opacity:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.cased__swatch-chip,.cased__card-swatch{display:block;width:3.2rem;height:3.2rem;background:var(--swatch--background, rgba(var(--color-foreground), .12));border:.1rem solid rgba(var(--color-foreground),.15)}.cased__swatch-label{font-size:1.4rem;text-align:center}.cased__pills{display:flex;flex-wrap:wrap;gap:.8rem}.cased__pill{position:relative;display:inline-flex;align-items:center;min-height:4.4rem;padding:.4rem 1.6rem;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:40rem;background:rgb(var(--color-background))}.cased__pill.is-selected{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cased__pill-input{position:absolute;opacity:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.cased__pill-label{font-size:1.4rem}.cased__dimhelp{margin:0;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.cased__field{display:flex;flex-direction:column;gap:.8rem}.cased__label{font-weight:500}.cased__control{display:flex;align-items:center;gap:1.6rem}.cased__range{flex:1 1 auto;min-height:4.4rem;accent-color:rgb(var(--color-button))}.cased__number{flex:0 0 8rem;min-height:4.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:0 1.2rem}.cased__error{margin:0;font-size:1.4rem;color:#ef4444}.cased__checks{display:flex;flex-direction:column}.cased__check{display:flex;align-items:center;gap:1.2rem;min-height:4.4rem;cursor:pointer}.cased__check-input{width:2rem;height:2rem;accent-color:rgb(var(--color-button))}.cased__check-label{font-size:1.6rem}.cased__card-input:focus-visible~*,.cased__swatch-input:focus-visible~*,.cased__pill-input:focus-visible~*,.cased__check-input:focus-visible,.cased__range:focus-visible,.cased__number:focus-visible,.cased__step-summary:focus-visible,.cased__cta:focus-visible,.cased__quote-textarea:focus-visible,.cased__partition-tab:focus-visible,.cased__partition-add:focus-visible,.cased__partition-remove:focus-visible,.cased__fit-input:focus-visible,.cased__toolbar-btn:focus-visible,.cased__share-copy:focus-visible,.cased__share-save:focus-visible,.cased__save-load:focus-visible,.cased__save-delete:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.cased__panel{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;border:.1rem solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background))}.cased__panel-title{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:2rem;line-height:1.2}.cased__panel-summary{margin:0;font-size:1.6rem;line-height:1.5}.cased__estimate{margin:0;font-family:var(--font-heading-family);font-weight:500;font-size:2rem;line-height:1.2;color:rgb(var(--color-foreground))}.cased__estimate-note{margin:0;font-size:1.4rem;font-weight:400;line-height:1.4;color:rgba(var(--color-foreground),.65)}.cased__cta{align-self:flex-start}.cased__stickybar{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;background:rgb(var(--color-background));border-top:.1rem solid rgba(var(--color-foreground),.15)}.cased__stickybar-summary{flex:1 1 auto;margin:0;font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cased__stickybar .cased__cta{flex:0 0 auto}@media screen and (min-width:750px){.cased__layout{flex-direction:row;align-items:flex-start;gap:3.2rem;padding-bottom:0}.cased__stage{flex:1 1 60%;position:sticky;top:2rem}.cased__sidebar{flex:1 1 40%}.cased__stickybar{display:none}}.cased__quote-form{display:flex;flex-direction:column;gap:1.6rem}.cased__quote-intro{margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.cased__quote-field{display:flex;flex-direction:column;gap:.4rem}.cased__quote-input{min-height:4.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:0 1.2rem;font-size:1.6rem}.cased__quote-textarea{padding:1.2rem;line-height:1.5;resize:vertical}.cased__quote-input:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.cased__quote-submit{align-self:flex-start;min-height:4.4rem}.cased__quote-form--sent .cased__quote-field,.cased__quote-form--sent .cased__quote-intro,.cased__quote-form--sent .cased__quote-submit{display:none}.cased__quote-success{display:none;align-items:center;gap:.8rem;margin:0;padding:1.2rem 1.6rem;font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid #16a34a;border-left:.4rem solid #16a34a}.cased__quote-success.is-visible{display:flex}.cased__quote-success p{margin:0}.cased__quote-success svg{flex:0 0 auto;width:2rem;height:2rem}.cased__quote-fallback{display:none;margin:0;padding:1.2rem 1.6rem;font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid #f59e0b;border-left:.4rem solid #f59e0b}.cased__quote-fallback.is-visible{display:block}.cased__quote-fallback-link{color:rgb(var(--color-link));text-decoration:underline}.cased__snapshot{margin-top:1.2rem}.cased__style-icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:rgb(var(--color-foreground))}.cased__style-icon .icon{width:100%;height:100%}.cased__field--locked .cased__number,.cased__field--locked .cased__range{background:rgba(var(--color-foreground),.06);border-radius:0;cursor:not-allowed}.cased__field--locked .cased__number{color:rgba(var(--color-foreground),.6)}.cased__width-lock-note{color:#f59e0b}.cased__partition-tabs{display:flex;gap:.8rem}.cased__partition-tab{flex:0 0 auto;min-height:4.4rem;padding:.4rem 1.6rem;cursor:pointer;font-size:1.6rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0}.cased__partition-tab.is-selected{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.cased__partition-list{display:flex;flex-direction:column;row-gap:0;min-height:4.4rem}.cased__partition-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.2rem;min-height:4.4rem;padding:1.2rem 0;border-top:.1rem solid rgba(var(--color-foreground),.12)}.cased__partition-row:first-child{border-top:0}.cased__partition-dirs{display:flex;flex-wrap:wrap;gap:.8rem}.cased__partition-dir{min-height:4.4rem}.cased__partition-pos{flex:0 0 auto}.cased__partition-error{margin:.4rem 0 0}.cased__partition-remove{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;cursor:pointer;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0}.cased__partition-remove svg{width:1.8rem;height:1.8rem}.cased__partition-add{align-self:flex-start;min-height:4.4rem}.cased__partition-add[disabled]{opacity:.5;cursor:not-allowed}.cased__partition-empty{margin:0}.cased__fit{margin-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.12);padding-top:1.6rem}.cased__fit-fields{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.2rem}.cased__fit-input{width:100%}.cased__fit-verdict{margin:0;padding:1.2rem 1.6rem;font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid var(--fit-color, #f59e0b);border-left:.4rem solid var(--fit-color, #f59e0b)}.cased__fit-clearance{margin:0;font-size:1.4rem}.cased__toolbar{position:absolute;top:1.6rem;right:1.6rem;z-index:2;display:flex;flex-direction:column;gap:.8rem}.cased__toolbar[hidden]{display:none}.cased__toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;min-height:4.4rem;padding:1.2rem;margin:0;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.cased__toolbar-btn:hover{background:rgba(var(--color-foreground),.06)}.cased__toolbar-btn .icon{width:2rem;height:2rem}.cased__toolbar-btn.is-selected{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground))}.cased__share-copy{min-height:4.4rem}.cased__toast{display:none;position:fixed;left:1.6rem;right:1.6rem;bottom:8rem;z-index:4;margin:0;padding:1.2rem 1.6rem;font-size:1.4rem;line-height:1.5;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-left:.4rem solid rgba(var(--color-foreground),.15)}.cased__toast.is-visible{display:block}.cased__toast--success{border-color:#16a34a;border-left-color:#16a34a}.cased__toast--warn{border-color:#f59e0b;border-left-color:#f59e0b}@media screen and (min-width:750px){.cased__toast{left:auto;bottom:1.6rem;max-width:36rem}}.cased__share-save{min-height:4.4rem}.cased__share-save[disabled]{opacity:.5;cursor:not-allowed}.cased__saves{display:flex;flex-direction:column;row-gap:0;min-height:4.4rem}.cased__save-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;min-height:4.4rem;padding:1.2rem 0;border-top:.1rem solid rgba(var(--color-foreground),.12)}.cased__save-row:first-child{border-top:0}.cased__save-meta{display:flex;flex-direction:column;gap:.4rem;min-width:0}.cased__save-name{font-size:1.6rem;line-height:1.5;color:rgb(var(--color-foreground))}.cased__save-date{font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}.cased__save-actions{display:flex;flex:0 0 auto;align-items:center;gap:.8rem}.cased__save-load{min-height:4.4rem}.cased__save-delete{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;cursor:pointer;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0}.cased__save-delete svg{width:1.8rem;height:1.8rem}.cased__saves-empty,.cased__saves-unavailable{margin:0}
/*# sourceMappingURL=/cdn/shop/t/17/assets/case-designer.css.map */