variant-selects.cx-steps{display:flex;flex-direction:column;gap:1.2rem}variant-selects.cx-steps .cx-step--first{order:-1}.cx-step{padding:1.4rem;border:1px solid #ebebeb;border-radius:1.4rem;background:#fff}.cx-custom-card{padding:1.6rem;border:1px solid #e3e3e3;border-radius:12px;background:#fff}.cx-custom-card .cx-step{padding:0;border:0;border-radius:0;background:none}.cx-custom-card variant-selects.cx-steps{gap:0}.cx-custom-card variant-selects.cx-steps>.cx-step:not(.cx-step--first),.cx-custom-card .cx-step--photo{margin:1.6rem 0 0;padding-top:1.6rem;border-top:1px solid #eee}.cx-custom-card .cx-step--photo{margin-bottom:1.6rem}.cx-custom-card~.cxtb-wrap{margin-top:20px}.cx-step__head{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.cx-step__titles{flex:1 1 auto;min-width:0}.cx-step__title{margin:0;font-family:"cx-body-semibold",var(--font-body-family);font-size:1.5rem;font-weight:600;line-height:1.3;color:#111}.cx-step__text{margin:.2rem 0 0;font-size:1.2rem;line-height:1.4;color:#555}.cx-step__text--fit{white-space:nowrap;overflow:hidden}.cx-step .form__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cx-step .product-form__input{margin:0}.cx-step .select{-webkit-tap-highlight-color:transparent}.cx-step .select:hover.select:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity))}.cx-step .select__select:focus,.cx-step .select__select:focus-visible{outline:none;box-shadow:none}.cx-steps .case-type-image.is-selected{box-shadow:none}@media(hover:hover){.cx-steps .case-type-image-wrap:hover .case-type-image:not(.is-selected){transform:none;box-shadow:none}}html.teeinblue-product-loading variant-selects.cx-steps .product-form__input,html.teeinblue-product-loading product-info product-form.product-form{display:block!important;visibility:hidden}.cx-step--photo{container-type:inline-size;margin:1.2rem 0}html:not(.cx-pu-fallback) #teeFormInputs .tee-field--photo:not(.tee-edit-popup *){position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}html.cx-pu-fallback .cx-step--photo{display:none}.cx-pu{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body visual";align-items:center;column-gap:1.6rem;padding:1.6rem;border:1px solid #ecdfcf;border-radius:1.4rem;background:#fbf7f2}.cx-pu:not([data-view=photo]) .cx-pu__when-done,.cx-pu[data-view=photo] .cx-pu__when-empty{display:none!important}.cx-pu:not([data-state=done]) .cx-pu__remove{display:none}.cx-pu:not([data-state=done]) .cx-pu__title--ready,.cx-pu[data-state=done] .cx-pu__title--preparing{display:none!important}.cx-pu .cx-pu__title--preparing{color:#8a8a8a}.product-form__submit.cx-add-preparing{position:relative;border-color:#e5e5e5!important;background-color:#e5e5e5!important;color:#555!important;opacity:1!important;cursor:progress}.product-form__submit.cx-add-preparing:after,.product-form__submit.cx-add-preparing:before{box-shadow:none!important}.product-form__submit.cx-add-preparing>:not(.cx-add-preparing__label){visibility:hidden}.cx-add-preparing__label{display:none}.product-form__submit.cx-add-preparing .cx-add-preparing__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:0 1.2rem;white-space:nowrap;color:#555;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cx-add-preparing__spinner{flex:none;width:1.6rem;height:1.6rem;border:2px solid rgba(85,85,85,.3);border-top-color:#555;border-radius:50%;animation:cx-add-preparing-spin .8s linear infinite}@keyframes cx-add-preparing-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cx-add-preparing__spinner{animation-duration:2.4s}}.cx-pu:not(.cx-pu--has-example):not([data-view=photo]){grid-template-columns:minmax(0,1fr)}.cx-pu__body{grid-area:body;min-width:0}.cx-pu__actions{display:flex;flex-wrap:wrap;gap:.8rem}.cx-pu[data-view=photo] .cx-pu__actions{flex-direction:column;flex-wrap:nowrap}.cx-pu--tall-photo[data-view=photo] .cx-pu__body,.cx-pu--square-photo[data-view=photo] .cx-pu__body{align-self:stretch;display:flex;flex-direction:column}.cx-pu--tall-photo[data-view=photo] .cx-pu__visual,.cx-pu--square-photo[data-view=photo] .cx-pu__visual{--cx-pu-visual: clamp(10.8rem, 30cqi, 12.8rem)}.cx-pu--tall-photo[data-view=photo] .cx-pu__visual{align-items:flex-end;min-height:min(calc((var(--cx-pu-visual) - 1.2rem) * 4 / 3 + 2.6rem),17.6rem)}.cx-pu--square-photo[data-view=photo] .cx-pu__visual{align-self:end}.cx-pu__title{display:none;margin:auto 0;font-size:clamp(1.3rem,5.6cqi,1.6rem);font-weight:700;line-height:1.25;text-align:center;color:#111;word-break:normal;overflow-wrap:normal;transform:translateY(-.8rem)}.cx-pu--tall-photo[data-view=photo] .cx-pu__title,.cx-pu--square-photo[data-view=photo] .cx-pu__title{display:block}@container (max-width: 299px){.cx-pu[data-view=photo]{column-gap:1rem}.cx-pu--tall-photo[data-view=photo] .cx-pu__visual,.cx-pu--square-photo[data-view=photo] .cx-pu__visual{--cx-pu-visual: 9.6rem}}.cx-pu[data-view=photo] .cx-pu__btn{flex:none;width:100%;padding:0 .8rem;font-size:clamp(1.2rem,4.4cqi,1.4rem);white-space:nowrap}.cx-pu__btn{flex:1 1 12rem;min-height:4.4rem;margin:0;padding:0 1.6rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:1.5px solid #111;border-radius:1rem;background:#111;color:#fff;font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1.2;letter-spacing:0;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cx-pu__btn--outline{background:#fff;color:#111}.cx-pu__btn:focus,.cx-pu__btn:focus-visible,.cx-pu__remove:focus,.cx-pu__remove:focus-visible{outline:none;box-shadow:none}.cx-pu__btn[aria-disabled=true]{cursor:progress}.cx-pu__spinner{display:none;width:1.4rem;height:1.4rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cx-pu-spin .8s linear infinite}.cx-pu[data-state=loading] .cx-pu__spinner,.cx-pu[data-state=uploading] .cx-pu__spinner{display:block}.cx-pu__note{margin:1rem 0 0;font-size:1.2rem;line-height:1.4;color:#555}.cx-pu__error{margin:.8rem 0 0;font-size:1.2rem;font-weight:600;line-height:1.4;color:#c62828;text-align:center}.cx-pu__assist{grid-column:1 / -1;display:flex;justify-content:center;margin-top:1.2rem;padding-top:.4rem;border-top:1px solid #ecdfcf}.cx-pu__assist[hidden]{display:none}.cx-add-error{margin:.8rem 0 0;font-size:1.2rem;font-weight:600;line-height:1.4;color:#c62828;text-align:center}.cx-add-error[hidden]{display:none}.cx-pu__error--note{font-weight:500;color:#6b6b6b}.cx-pu__error-short{display:none}.cx-pu--has-example:not([data-view=photo]) .cx-pu__error-full{display:none}.cx-pu--has-example:not([data-view=photo]) .cx-pu__error-short{display:inline}.cx-pu__visual{--cx-pu-visual: clamp(8.4rem, 26cqi, 12.8rem);grid-area:visual;align-self:center;width:var(--cx-pu-visual);display:flex;justify-content:center;position:relative}.cx-pu:not(.cx-pu--has-example):not([data-view=photo]) .cx-pu__visual{display:none}.cx-pu__photo{position:relative;width:fit-content;padding:.6rem .6rem 2rem;border-radius:.3rem;background:#fff;box-shadow:0 .6rem 1.8rem #00000024;transform:rotate(3deg)}.cx-pu__photo-loading{position:absolute;top:.6rem;right:.6rem;bottom:2rem;left:.6rem;display:none;align-items:center;justify-content:center;min-width:4.4rem;min-height:2.4rem;background:#f2f2f2eb}.cx-pu--photo-loading .cx-pu__photo-loading{display:flex}.cx-pu__photo-dots{display:flex;gap:.4rem}.cx-pu__photo-dots i{width:.6rem;height:.6rem;border-radius:50%;background:#111;animation:cx-pu-dot 1s ease-in-out infinite}.cx-pu__photo-dots i:nth-child(2){animation-delay:.15s}.cx-pu__photo-dots i:nth-child(3){animation-delay:.3s}@keyframes cx-pu-dot{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cx-pu__photo-dots i{animation:none;opacity:.6}}.cx-pu__photo img{display:block;width:auto;height:auto;max-width:calc(var(--cx-pu-visual) - 1.2rem);max-height:15rem;background:#f2f2f2}.cx-pu__remove{position:absolute;top:-1.8rem;right:-1.8rem;width:4.4rem;height:4.4rem;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#fff;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}.cx-pu__remove:before{content:"";position:absolute;top:.9rem;right:.9rem;bottom:.9rem;left:.9rem;z-index:-1;border-radius:50%;background:#111}.cx-pu:not([data-view=photo]){display:flex;flex-direction:column;align-items:stretch;gap:0;padding:2rem}.cx-pu:not([data-view=photo]) .cx-pu__body{display:block}.cx-pu:not([data-view=photo]) .cx-pu__visual{order:-1;width:100%;margin:0 0 1.8rem}.cx-pu:not([data-view=photo]) .cx-pu__actions{margin-top:0}.cx-pu__btn--main{flex-basis:100%;min-height:5rem;padding:0 1rem;gap:.8rem;border-radius:var(--buttons-radius-outset, 1rem);font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.cx-pu[data-state=loading] .cx-pu__upload-icon,.cx-pu[data-state=uploading] .cx-pu__upload-icon{display:none}.cx-pu__showcase{width:100%;max-width:26rem;margin:0 auto}.cx-pu__prints{position:relative;aspect-ratio:1 / .95}.cx-pu__print{position:absolute;width:68%;padding:4%;border-radius:.2rem;background:#fff;box-shadow:0 .8rem 2rem #0000002e,0 .2rem .5rem #00000014}.cx-pu__print img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.cx-pu__print--back{top:0;right:2%;transform:rotate(7deg)}.cx-pu__print--front{bottom:0;left:2%;z-index:1;transform:rotate(-5deg)}.cx-pu--has-example:not([data-view=photo]){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body visual";align-items:center;column-gap:min(2.4rem,3cqi);padding:min(1.6rem,4.5cqi)}.cx-pu--has-example:not([data-view=photo]) .cx-pu__visual{grid-area:visual;order:0;width:min(16rem,32cqi);margin:0}.cx-pu--has-example:not([data-view=photo]) .cx-pu__showcase{max-width:none;margin:0}.cx-pu__intro{margin-bottom:min(1.2rem,3.7cqi)}.cx-pu__intro-title{margin:0;font-family:"cx-body-semibold",var(--font-body-family);font-size:1.5rem;font-weight:600;line-height:1.3;color:#111;white-space:nowrap}.cx-pu__intro-text{margin:.2rem 0 0;font-size:1.1rem;line-height:1.3;color:#6b6b6b}@container (max-width: 299.98px){.cx-pu--has-example:not([data-view=photo]) .cx-pu__visual{width:28cqi}}.cx-pu--has-example:not([data-view=photo]) .cx-pu__btn--main{position:relative;min-height:3.6rem;padding:0 .6em;gap:.45em;background:#fff;color:#111;font-size:min(1.3rem,3.6cqi);letter-spacing:.06em}.cx-pu--has-example:not([data-view=photo]) .cx-pu__btn--main:after{content:"";position:absolute;top:-.4rem;right:0;bottom:-.4rem;left:0}.cx-pu--has-example:not([data-view=photo]) .cx-pu__upload-icon{width:1.5em;height:1.5em}.cx-pu--has-example:not([data-view=photo]) .cx-pu__spinner{border-color:#0003;border-top-color:#111}.cx-pu--wide-photo[data-view=photo]{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "body"}.cx-pu--wide-photo[data-view=photo] .cx-pu__visual{width:100%}.cx-pu--wide-photo[data-view=photo] .cx-pu__actions{flex-direction:row}.cx-pu--wide-photo[data-view=photo] .cx-pu__title{display:block;margin:1.8rem 0 1.2rem;transform:none}.cx-pu--wide-photo[data-view=photo] .cx-pu__btn{flex:1 1 0;min-width:0}.cx-pu--wide-photo[data-view=photo] .cx-pu__photo{max-width:calc((100% - 3.6rem)*.68);transform:rotate(1.5deg)}.cx-pu--wide-photo[data-view=photo] .cx-pu__photo img{max-width:100%;max-height:12.24rem}@media screen and (min-width:540px)and (max-width:749px){.cx-pu--wide-photo[data-view=photo]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body visual"}.cx-pu--wide-photo[data-view=photo] .cx-pu__body{align-self:stretch;display:flex;flex-direction:column}.cx-pu--wide-photo[data-view=photo] .cx-pu__visual{align-self:end;align-items:flex-end;width:46cqi;min-height:14.84rem}.cx-pu--wide-photo[data-view=photo] .cx-pu__photo{max-width:calc(100% - 2.4rem)}.cx-pu--wide-photo[data-view=photo] .cx-pu__title{margin:auto 0;transform:translateY(-.8rem)}.cx-pu--wide-photo[data-view=photo] .cx-pu__actions{flex-direction:column}.cx-pu--wide-photo[data-view=photo] .cx-pu__btn{flex:none}}.cx-pu--square-photo[data-view=photo] .cx-pu__title{transform:translateY(-.2rem)}@media screen and (max-width:410px),screen and (min-width:750px)and (max-width:946px),screen and (min-width:990px)and (max-width:1129px){.cx-pu--near-square[data-view=photo] .cx-pu__title{transform:translateY(-.2rem)}}@media screen and (max-width:360px){.cx-pu--square-photo[data-view=photo]{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "body"}.cx-pu--square-photo[data-view=photo] .cx-pu__visual{--cx-pu-visual: 50cqi;width:100%}.cx-pu--square-photo[data-view=photo] .cx-pu__title{margin:1.8rem 0 1.2rem;transform:none}}@media(prefers-reduced-motion:reduce){.cx-pu__spinner{animation:none}}.cx-pu.cx-pu--needs-photo{border-color:#c62828}.cx-pu-editor-note{position:fixed;z-index:2147483000;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#111111e0;color:#fff;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none;transform:translate(-50%)}.cx-pu-editor-note__spinner{flex:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cx-pu-spin .8s linear infinite}@keyframes cx-pu-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cx-pu-editor-note__spinner{animation:none}}.cx-pu-fail{position:fixed;z-index:2147483000;box-sizing:border-box;width:min(280px,calc(100vw - 64px));padding:18px 18px 16px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0000002e;color:#121212;text-align:center;transform:translate(-50%,-50%)}.cx-pu-fail__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;background:#fdecea;color:#c62828;font-size:18px;font-weight:700;line-height:1}.cx-pu-fail__text{margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.35}.cx-pu-fail__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:0 16px;border:0;border-radius:var(--buttons-radius, 10px);background:#121212;color:#fff;font:inherit;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.cx-pu-fail__btn:focus{outline:none}.cx-pu-fail__btn svg{flex:none}.cx-steps .case-type-image{background:#e8ebea}
/*# sourceMappingURL=/cdn/shop/t/109/assets/cx-custom-steps.css.map */