.pet-portrait-wizard__step{display:none}.pet-portrait-wizard__step.is-active{display:block;animation:wizardFadeIn .25s ease;background:rgba(var(--color-foreground),.015);border:1px solid rgba(var(--color-foreground),.08);border-radius:.8rem;padding:2rem}@media screen and (max-width:749px){.pet-portrait-wizard__step.is-active{padding:1.4rem}}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pet-portrait-wizard[data-direction=forward] .pet-portrait-wizard__step.is-active{animation:wizardSlideLeft .25s ease}.pet-portrait-wizard[data-direction=backward] .pet-portrait-wizard__step.is-active{animation:wizardSlideRight .25s ease}@keyframes wizardSlideLeft{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes wizardSlideRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.pet-portrait-wizard__nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(var(--color-foreground),.06);gap:1rem}.pet-portrait-wizard__btn{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;letter-spacing:.04rem;padding:1rem 2rem;border-radius:var(--buttons-radius, 0);cursor:pointer;transition:background .15s ease,color .15s ease,opacity .15s ease}.pet-portrait-wizard__btn--back{padding:.8rem .4rem;font-size:1.3rem;font-weight:500;color:rgba(var(--color-foreground),.6);text-decoration:underline;text-underline-offset:.2rem;flex-shrink:0}.pet-portrait-wizard__btn--back:hover{color:rgb(var(--color-foreground))}.pet-portrait-wizard__btn--next{flex:1;background:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:1.4rem 2rem;font-size:1.5rem;text-align:center;border-radius:var(--buttons-radius, 0)}.pet-portrait-wizard__btn--next:hover{opacity:.88}pet-portrait-form-v3 .product-form__buttons{display:none}.pet-portrait-wizard__nav .product-form__buttons{display:block;flex:1;margin:0}.pet-portrait-wizard__nav .product-form__submit{display:block!important;width:100%;font-size:1.5rem;padding:1.4rem 2rem}.pet-portrait-wizard .field__input{border:1px solid rgba(var(--color-foreground),.15);border-radius:.4rem;padding:1rem 1.2rem;font-size:1.4rem;background:rgba(var(--color-foreground),.02);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.pet-portrait-wizard .field__input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgba(var(--color-foreground),.08)}.pet-portrait-form__field{margin-bottom:1.6rem}.pet-portrait-form__fieldset{border:none;padding:0;margin:0 0 1.6rem}.pet-portrait-form__size-fieldset,.pet-portrait-form__size-fieldset legend{margin-bottom:.8rem}.pet-portrait-form__size-fieldset input[type=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.pet-portrait-form__size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.pet-portrait-form__size-card{display:flex;flex-direction:column;min-width:0;position:relative;border:1.5px solid rgba(var(--color-foreground),.15);border-radius:1.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.pet-portrait-form__size-card:hover{border-color:rgba(var(--color-foreground),.4)}.pet-portrait-form__size-media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;background:rgba(var(--color-foreground),.04);overflow:hidden}.pet-portrait-form__size-photo{width:100%;height:100%;object-fit:cover;display:block}.pet-portrait-form__size-scale{display:block;aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.12);border:1px solid rgba(var(--color-foreground),.18);border-radius:.3rem}.pet-portrait-form__size-scale--s{height:52%}.pet-portrait-form__size-scale--m{height:72%}.pet-portrait-form__size-scale--l{height:92%}.pet-portrait-form__size-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .5rem .8rem;text-align:center}.pet-portrait-form__size-code{font-size:1.4rem;font-weight:600;letter-spacing:.04rem;line-height:1.1}.pet-portrait-form__size-dim{font-size:1.1rem;color:rgba(var(--color-foreground),.6);line-height:1.1;white-space:nowrap}.pet-portrait-form__size-delta{margin-top:.1rem;font-size:1.05rem;font-weight:500;color:rgba(var(--color-foreground),.55);line-height:1.1;white-space:nowrap}.pet-portrait-form__size-price{margin-top:.2rem;font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.8);line-height:1.1;white-space:nowrap}.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card .pet-portrait-form__size-meta{background:rgba(var(--color-button),.12)}.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card:after{content:"\2713";position:absolute;top:.6rem;right:.6rem;z-index:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card .pet-portrait-form__size-delta,.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card .pet-portrait-form__size-price{color:rgb(var(--color-foreground))}.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card .pet-portrait-form__size-scale{background:rgba(var(--color-foreground),.18);border-color:rgba(var(--color-foreground),.4)}.pet-portrait-form__size-fieldset input[type=radio]:focus-visible+.pet-portrait-form__size-card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.pet-portrait-form__size-fieldset input[type=radio].disabled+.pet-portrait-form__size-card{opacity:.4;cursor:not-allowed}.pet-portrait-form__size-fieldset input[type=radio].disabled+.pet-portrait-form__size-card .pet-portrait-form__size-code{text-decoration:line-through}.pet-portrait-form__size-guide-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.7rem;padding:0;background:none;border:0;font-size:1.15rem;color:rgba(var(--color-foreground),.7);text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.pet-portrait-form__size-guide-link:hover{color:rgb(var(--color-foreground))}.pet-portrait-form__group-heading{font-size:1.4rem;font-weight:600;letter-spacing:.02rem;margin-bottom:.8rem;color:rgb(var(--color-foreground))}.pet-portrait-form__finish-fieldset{border:none;padding:0;margin:1.4rem 0 0}.pet-portrait-form__finish-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media screen and (max-width:480px){.pet-portrait-form__finish-options{grid-template-columns:1fr}}.pet-portrait-form__finish-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.pet-portrait-form__finish-card{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;border:2px solid rgba(var(--color-foreground),.15);border-radius:.8rem;background:rgba(var(--color-foreground),.01);cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.pet-portrait-form__finish-card--has-media{justify-content:flex-start}.pet-portrait-form__finish-card:hover{border-color:rgba(var(--color-foreground),.4)}.pet-portrait-form__finish-card--recommended{border-color:rgba(var(--color-foreground),.3)}.pet-portrait-form__finish-input:checked+.pet-portrait-form__finish-card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.pet-portrait-form__finish-input:focus-visible+.pet-portrait-form__finish-card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.pet-portrait-form__finish-input.disabled+.pet-portrait-form__finish-card{opacity:.4;cursor:not-allowed}.pet-portrait-form__finish-input.disabled+.pet-portrait-form__finish-card .pet-portrait-form__finish-label{text-decoration:line-through}.pet-portrait-form__finish-radio{flex-shrink:0;width:1.8rem;height:1.8rem;margin-top:.1rem;border:2px solid rgba(var(--color-foreground),.3);border-radius:50%;background:rgb(var(--color-background));transition:border-color .15s ease,box-shadow .15s ease}.pet-portrait-form__finish-input:checked+.pet-portrait-form__finish-card .pet-portrait-form__finish-radio{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .4rem rgb(var(--color-foreground))}.pet-portrait-form__finish-media{display:flex;align-items:center;justify-content:center;width:100%;height:7.5rem;padding:.8rem;background:rgba(var(--color-foreground),.04);overflow:hidden}@media screen and (max-width:749px){.pet-portrait-form__finish-media{height:6.5rem}}.pet-portrait-form__finish-img{width:100%;height:100%;object-fit:contain;display:block}.pet-portrait-form__finish-body{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.2rem 1.1rem 1rem}.pet-portrait-form__finish-text{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}.pet-portrait-form__finish-label{font-size:1.4rem;font-weight:600;letter-spacing:.02rem;color:rgb(var(--color-foreground))}.pet-portrait-form__finish-sub{font-size:1.15rem;line-height:1.55;color:rgba(var(--color-foreground),.65)}.pet-portrait-form__finish-badge{position:absolute;top:.8rem;right:.8rem;z-index:1;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.06rem;line-height:1;padding:.4rem .8rem;border-radius:1rem;color:rgb(var(--color-button-text));background:rgb(var(--color-button));box-shadow:0 1px 4px rgba(var(--color-foreground),.18)}.pet-portrait-form__bg-fieldset{border:none;padding:0;margin:0 0 1.8rem}.pet-portrait-form__bg-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .8rem}.pet-portrait-form__bg-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}.pet-portrait-form__bg-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.pet-portrait-form__bg-chip{position:relative;width:100%;height:4.4rem;border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.15);transition:box-shadow .15s ease,border-color .15s ease}.pet-portrait-form__bg-name{font-size:1.15rem;line-height:1.2;text-align:center;color:rgba(var(--color-foreground),.7)}.pet-portrait-form__bg-swatch:hover .pet-portrait-form__bg-chip{border-color:rgba(var(--color-foreground),.4)}.pet-portrait-form__bg-input:checked+.pet-portrait-form__bg-swatch .pet-portrait-form__bg-chip{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.pet-portrait-form__bg-input:checked+.pet-portrait-form__bg-swatch .pet-portrait-form__bg-chip:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.pet-portrait-form__bg-input:checked+.pet-portrait-form__bg-swatch .pet-portrait-form__bg-name{color:rgb(var(--color-foreground));font-weight:600}.pet-portrait-form__bg-input:focus-visible+.pet-portrait-form__bg-swatch .pet-portrait-form__bg-chip{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.pet-portrait-form__framed-info{margin-top:1.4rem;padding:1.2rem 1.4rem;background:rgba(var(--color-foreground),.025);border-radius:.6rem;border-left:3px solid rgba(var(--color-foreground),.15)}.pet-portrait-form__framed-info-main{font-size:1.25rem;line-height:1.7;color:rgba(var(--color-foreground),.8)}.pet-portrait-form__framed-info-main p,.pet-portrait-form__framed-info-note p{margin:0}.pet-portrait-form__framed-info-note{margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(var(--color-foreground),.08);font-size:1.15rem;line-height:1.65;color:rgba(var(--color-foreground),.6)}.pet-portrait-form__omakase-notice{margin-bottom:1.6rem;padding:1.2rem 1.4rem;background:rgba(var(--color-foreground),.025);border-radius:.6rem;border-left:3px solid rgba(var(--color-foreground),.15)}.pet-portrait-form__omakase-heading{font-size:1.4rem;font-weight:600;letter-spacing:.02rem;margin:0 0 .4rem;color:rgb(var(--color-foreground))}.pet-portrait-form__omakase-desc{font-size:1.2rem;line-height:1.65;color:rgba(var(--color-foreground),.7);margin:0}.pet-portrait-form__pet-name-group{margin-bottom:1.6rem}.pet-portrait-form__toggle-label{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-size:1.4rem;letter-spacing:.04rem}.pet-portrait-form__toggle-input{width:1.8rem;height:1.8rem;margin:0;accent-color:rgb(var(--color-foreground));cursor:pointer}.pet-portrait-form__pet-name-fields{margin-top:1.4rem;padding-left:1.4rem;border-left:2px solid rgba(var(--color-foreground),.1)}.pet-portrait-form__pet-name-fields[hidden]{display:none}.pet-portrait-form__instructions-divider{margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.08)}.pet-portrait-form__instructions-hint{margin:.6rem 0 0;font-size:1.1rem;line-height:1.6;color:rgba(var(--color-foreground),.5)}.pet-portrait-form__instructions-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem}.pet-portrait-form__instructions-foot .pet-portrait-form__instructions-hint{flex:1}.pet-portrait-form__char-counter{margin-top:.6rem;flex-shrink:0;font-size:1.1rem;line-height:1.6;color:rgba(var(--color-foreground),.45);white-space:nowrap;font-variant-numeric:tabular-nums}.pet-portrait-form__size-fieldset input[type=radio]:checked+.pet-portrait-form__size-card{animation:selectPop .2s ease}@keyframes selectPop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.pet-portrait-form__stepper{display:flex;align-items:center;gap:0;margin-bottom:2rem;padding:0;list-style:none;counter-reset:step}.pet-portrait-form__stepper-item{display:flex;align-items:center;flex:1;counter-increment:step;position:relative}.pet-portrait-form__stepper-item.is-clickable{cursor:pointer}.pet-portrait-form__stepper-item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;border-radius:.4rem}.pet-portrait-form__stepper-item:not(:last-child):after{content:"";flex:1;height:2px;background:rgba(var(--color-foreground),.15);margin:0 .4rem;transition:background .2s ease}.pet-portrait-form__stepper-item.is-complete:not(:last-child):after{background:rgb(var(--color-foreground))}.pet-portrait-form__stepper-dot{width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:rgba(var(--color-foreground),.4);transition:all .2s ease;flex-shrink:0;background:rgb(var(--color-background))}.pet-portrait-form__stepper-dot:before{content:counter(step)}.pet-portrait-form__stepper-item.is-active .pet-portrait-form__stepper-dot{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-foreground),.1)}.pet-portrait-form__stepper-item.is-complete .pet-portrait-form__stepper-dot{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.pet-portrait-form__stepper-item.is-complete .pet-portrait-form__stepper-dot:before{content:"\2713"}.pet-portrait-form__stepper-label{display:none}@media screen and (min-width:750px){.pet-portrait-form__stepper-item{flex-direction:column;text-align:center}.pet-portrait-form__stepper-item:not(:last-child):after{position:absolute;top:1.2rem;left:calc(50% + 1.6rem);width:calc(100% - 3.2rem);margin:0}.pet-portrait-form__stepper-label{display:block;font-size:1rem;margin-top:.4rem;color:rgba(var(--color-foreground),.6);white-space:nowrap}.pet-portrait-form__stepper-item.is-active .pet-portrait-form__stepper-label,.pet-portrait-form__stepper-item.is-complete .pet-portrait-form__stepper-label{color:rgb(var(--color-foreground))}}.pet-portrait-form__step-counter{font-size:1.2rem;font-weight:500;letter-spacing:.04rem;color:rgba(var(--color-foreground),.5);margin:0 0 1rem;text-align:center}@media screen and (min-width:750px){.pet-portrait-form__step-counter{display:none}}.pet-portrait-form__trust-signals{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem;padding:1.2rem 0;margin-bottom:.8rem;border-top:1px solid rgba(var(--color-foreground),.06);border-bottom:1px solid rgba(var(--color-foreground),.06)}.pet-portrait-form__trust-item{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.75);letter-spacing:.02rem}.pet-portrait-form__trust-icon{flex-shrink:0;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.55)}.pet-portrait-form__trust-icon svg{width:100%;height:100%}.pet-portrait-form__trust-promise{text-align:center;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.65);padding:.8rem 0;margin-bottom:.4rem;letter-spacing:.02rem}.pet-portrait-form__sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .25s ease;display:none}.pet-portrait-form__sticky-bar.is-visible{transform:translateY(0)}.pet-portrait-form__sticky-inner{display:flex;align-items:center;gap:1rem;max-width:120rem;margin:0 auto}.pet-portrait-form__sticky-price{font-size:1.4rem;font-weight:600;white-space:nowrap;color:rgb(var(--color-foreground))}.pet-portrait-form__sticky-btn{flex:1;-webkit-appearance:none;appearance:none;border:none;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:1.4rem;font-weight:600;letter-spacing:.06rem;padding:1.2rem 2rem;border-radius:var(--buttons-radius, 0);cursor:pointer;text-align:center;transition:opacity .15s ease}.pet-portrait-form__sticky-btn:hover{opacity:.85}@media screen and (max-width:749px){.pet-portrait-form__sticky-bar{display:block}}.pet-portrait-form__summary{margin-top:1.6rem;padding:1.4rem 1.6rem;border:1px solid rgba(var(--color-foreground),.1);border-radius:.8rem;background:rgba(var(--color-foreground),.02)}.pet-portrait-form__summary-title{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.pet-portrait-form__summary-list{margin:0}.pet-portrait-form__summary-row{display:flex;justify-content:space-between;gap:1.2rem;padding:.4rem 0;font-size:1.3rem}.pet-portrait-form__summary-row dt{flex-shrink:0;color:rgba(var(--color-foreground),.6)}.pet-portrait-form__summary-row dd{margin:0;text-align:right;color:rgb(var(--color-foreground))}.pet-portrait-form__summary-row--total{margin-top:.4rem;padding-top:.8rem;border-top:1px solid rgba(var(--color-foreground),.1);font-weight:600}.pet-portrait-form__summary-row--total dt,.pet-portrait-form__summary-row--total dd{font-size:1.5rem;color:rgb(var(--color-foreground))}.pet-portrait-form__below-form{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid rgba(var(--color-foreground),.06);display:flex;flex-direction:column;gap:1.2rem}.pet-portrait-form__below-form--hidden{display:none}.pet-portrait-form__payment-row{text-align:center}.pet-portrait-form__payment-label{display:inline-flex;align-items:center;gap:.4rem;font-size:1.1rem;letter-spacing:.03rem;color:rgba(var(--color-foreground),.55);margin-bottom:.6rem}.pet-portrait-form__payment-label svg{flex-shrink:0}.pet-portrait-form__payment-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;list-style:none;padding:0;margin:0}.pet-portrait-form__payment-icon-item{display:flex;align-items:center}.pet-portrait-form__payment-icon-item .icon{width:3.4rem;height:auto}.pet-portrait-form__line-cta{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pet-portrait-form__line-label{font-size:1.1rem;letter-spacing:.03rem;color:rgba(var(--color-foreground),.55)}.pet-portrait-form__line-cta-link{display:inline-block;line-height:0;transition:opacity .15s ease}.pet-portrait-form__line-cta-link:hover{opacity:.85}.pet-portrait-form__guide-line-cta{margin-top:1.2rem;text-align:center}.pet-portrait-form__error{margin-top:.4rem;font-size:1.2rem;color:#c83c3c}.pet-portrait-form__error[hidden]{display:none}.pet-portrait-form__upload-wrapper{border:none;border-radius:0;padding:0;background:transparent}.pet-portrait-form__step-heading{font-size:1.6rem;font-weight:600;letter-spacing:.02rem;margin:0 0 .6rem;color:rgb(var(--color-foreground))}.pet-portrait-form__step-desc{font-size:1.3rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0 0 1.6rem}.pet-portrait-form__app-block{margin-bottom:1.2rem}.pet-portrait-form__app-block label{font-size:1.3rem;font-weight:500;letter-spacing:.02rem;color:rgb(var(--color-foreground))}.pet-portrait-form__app-block input[type=file]{font-size:1.3rem}.pet-portrait-form__app-block .uploadly-drop-zone,.pet-portrait-form__app-block [class*=drop-zone],.pet-portrait-form__app-block [class*=dropzone],.pet-portrait-form__app-block [class*=upload-area],.pet-portrait-form__app-block [class*=file-upload]{border:2px dashed rgba(var(--color-foreground),.2);border-radius:.6rem;padding:2.4rem 1.6rem;text-align:center;background:rgba(var(--color-foreground),.02);transition:border-color .2s ease,background .2s ease}.pet-portrait-form__app-block .uploadly-drop-zone:hover,.pet-portrait-form__app-block [class*=drop-zone]:hover,.pet-portrait-form__app-block [class*=dropzone]:hover,.pet-portrait-form__app-block [class*=upload-area]:hover,.pet-portrait-form__app-block [class*=file-upload]:hover{border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.04)}.pet-portrait-form__app-block button,.pet-portrait-form__app-block [class*=btn],.pet-portrait-form__app-block [class*=button]{font-family:inherit;letter-spacing:.04rem;border-radius:var(--buttons-radius, 0)}.pet-portrait-form__guide-trigger{display:inline-flex;align-items:center;gap:.5rem;-webkit-appearance:none;appearance:none;border:none;background:transparent;color:rgba(var(--color-foreground),.65);font-size:1.2rem;font-weight:500;letter-spacing:.02rem;cursor:pointer;padding:.4rem 0;text-decoration:underline;text-underline-offset:.2rem;transition:color .15s ease}.pet-portrait-form__guide-trigger:hover{color:rgb(var(--color-foreground))}.pet-portrait-form__guide-trigger-icon{display:flex;flex-shrink:0}.pet-portrait-form__guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.pet-portrait-form__guide-modal[hidden]{display:none}.pet-portrait-form__guide-modal.is-open{opacity:1;pointer-events:auto}.pet-portrait-form__guide-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.pet-portrait-form__guide-panel{position:relative;background:rgb(var(--color-background));border-radius:1rem;max-width:56rem;width:calc(100% - 3rem);max-height:85vh;overflow-y:auto;padding:2.4rem;box-shadow:0 8px 32px #0000001f}.pet-portrait-form__guide-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.pet-portrait-form__guide-title{font-size:1.8rem;font-weight:600;margin:0;color:rgb(var(--color-foreground))}.pet-portrait-form__guide-close{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:color .15s ease;border-radius:.4rem}.pet-portrait-form__guide-close:hover{color:rgb(var(--color-foreground))}.pet-portrait-form__guide-body{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-bottom:1.6rem}@media screen and (max-width:500px){.pet-portrait-form__guide-body{grid-template-columns:1fr}}.pet-portrait-form__guide-badge{display:inline-block;font-size:1.2rem;font-weight:600;letter-spacing:.04rem;padding:.3rem .8rem;border-radius:.3rem;margin-bottom:.8rem}.pet-portrait-form__guide-badge--good{background:#3ca0501a;color:#28783c}.pet-portrait-form__guide-badge--bad{background:#c83c3c1a;color:#b43232}.pet-portrait-form__guide-images{display:flex;flex-direction:column;gap:.8rem}.pet-portrait-form__guide-img-wrap{border-radius:.6rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1)}.pet-portrait-form__guide-img{display:block;width:100%;height:auto;object-fit:cover}.pet-portrait-form__guide-img-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;border-radius:.6rem;border:2px dashed rgba(var(--color-foreground),.15);background:rgba(var(--color-foreground),.03);color:rgba(var(--color-foreground),.4);font-size:1.2rem}.pet-portrait-form__guide-tips{list-style:none;padding:1.2rem 1.6rem;margin:0;background:rgba(var(--color-foreground),.03);border-radius:.6rem}.pet-portrait-form__guide-tips li{position:relative;padding-left:1.4rem;font-size:1.3rem;line-height:1.7;color:rgba(var(--color-foreground),.8)}.pet-portrait-form__guide-tips li:before{content:"\2022";position:absolute;left:0;color:rgba(var(--color-foreground),.4)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pet-portrait-form-v3.css.map */