.ipady-tip-box{--tip-line: #e1e3e7;--tip-ink: #20232c;--tip-muted: #565b66;display:block;max-width:116rem;padding-block:clamp(2.4rem,5vw,5rem);color:var(--tip-ink)}.ipady-tip-box [hidden]{display:none!important}.ipady-tip-box__heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 2.4rem;margin-block-end:2rem}.ipady-tip-box__heading h1{margin:0;font-size:clamp(2.8rem,4.2vw,4.8rem);line-height:1.12}.ipady-tip-box__heading p{margin:.6rem 0 0}.ipady-tip-box__price{font-size:2.1rem;font-weight:700}.ipady-tip-box__form{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"model" "preview" "controls";align-items:start;gap:1.3rem}.ipady-tip-box__model{grid-area:model;display:grid;gap:.55rem}.ipady-tip-box__preview{grid-area:preview}.ipady-tip-box__controls{grid-area:controls;min-width:0}.ipady-tip-box__model label,.ipady-tip-box__progress{font-weight:650}.ipady-tip-box__model select{min-height:4.6rem;width:100%;border:1px solid var(--tip-line);border-radius:.8rem;padding-inline:1.2rem;background-color:#fff;color:inherit;font:inherit;font-size:1.6rem}.ipady-tip-box__preview{overflow:hidden;border:1px solid var(--tip-line);border-radius:1.5rem;background:#fff}.ipady-tip-box__frame{position:relative}.ipady-tip-box__frame img{display:block}.ipady-tip-box__case{width:100%;height:auto}.ipady-tip-box__slot{position:absolute;top:41.75%;width:9.697%;height:36.625%}.ipady-tip-box__progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.3rem 1rem;font-size:1.35rem}.ipady-tip-box__steps{display:flex;gap:.4rem}.ipady-tip-box__steps span{width:1.55rem;height:.42rem;border-radius:1rem;background:#e4e7eb}.ipady-tip-box__steps .is-filled{background:#c38b12}.ipady-tip-box__controls h2{margin:.15rem 0 .65rem;font-size:1.65rem}.ipady-tip-box__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;padding-block:.55rem;border-block-end:1px solid var(--tip-line)}.ipady-tip-box__item{display:grid;grid-template-columns:4.4rem minmax(0,1fr);align-items:center;gap:.7rem;min-height:4.4rem;border:0;padding:0;background:transparent;color:inherit;text-align:start;font:inherit;cursor:zoom-in}.ipady-tip-box__item img{display:block;width:4.4rem;height:4.4rem;border:1px solid var(--tip-line);border-radius:.65rem;object-fit:contain}.ipady-tip-box__item:hover img{border-color:#a67612}.ipady-tip-box__item strong,.ipady-tip-box__item small{display:block;line-height:1.4}.ipady-tip-box__item strong{font-size:1.35rem}.ipady-tip-box__item small{color:var(--tip-muted);font-size:1.16rem}.ipady-tip-box__item .ipady-tip-box__sold-out{color:#943b2a}.ipady-tip-box__stepper{display:grid;grid-template-columns:4.4rem 1.7rem 4.4rem;align-items:center;text-align:center;font-variant-numeric:tabular-nums}.ipady-tip-box__stepper button,.ipady-tip-box__dialog button{min-width:4.4rem;min-height:4.4rem;padding:0;border:1px solid var(--tip-line);border-radius:.9rem;background:#fff;color:var(--tip-ink);font:inherit;font-size:1.9rem;cursor:pointer}.ipady-tip-box__stepper button:hover:not(:disabled){border-color:#a67612;background:#fff9e9}.ipady-tip-box__stepper button:disabled{background:#f4f5f6;color:#777d87;cursor:default}.ipady-tip-box__submit{width:100%;margin-block-start:1.2rem}.ipady-tip-box__error{margin-block-start:1rem;color:#943b2a}.ipady-tip-box__hint{margin:.5rem 0 0;color:var(--tip-muted);text-align:center;font-size:1.35rem}.ipady-tip-box__description{margin-block-start:3rem;max-width:75ch}.ipady-tip-box__dialog{width:min(44rem,calc(100% - 3.2rem));max-height:calc(100dvh - 3.2rem);border:1px solid var(--tip-line);border-radius:1.4rem;padding:1.3rem;background:#fff;color:var(--tip-ink)}.ipady-tip-box__dialog::backdrop{background:#20232c70}.ipady-tip-box__dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ipady-tip-box__dialog-heading h2{margin:0;font-size:1.8rem}.ipady-tip-box__dialog img{display:block;width:100%;height:auto;max-height:calc(100dvh - 11rem);object-fit:contain}@media(min-width:750px){.ipady-tip-box__form{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"preview model" "preview controls";grid-template-rows:auto 1fr;column-gap:clamp(2rem,4vw,4rem)}.ipady-tip-box__preview{position:sticky;top:calc(var(--header-height, 7rem) + 1rem)}}@media(max-width:749px){.ipady-tip-box__frame{width:min(100%,32.5rem);margin-inline:auto}}@media(max-width:600px)and (min-height:670px){.ipady-tip-box__preview{position:sticky;top:calc(var(--header-height, 6.2rem) + .6rem);z-index:1}.ipady-tip-box__frame{width:min(100%,24rem)}.ipady-tip-box__form :is(button,select){scroll-margin-block-start:calc(var(--header-height, 6.2rem) + 20rem)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/ipady-tip-box.css.map */