body .gradette-personalized-container.has-photo-upload{padding:20px!important;border-radius:16px!important}body .has-photo-upload .customily_option>label{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:4px 12px!important;margin:16px 0 8px!important}body .has-photo-upload .customily_option:first-child>label{margin-top:0!important}body .has-photo-upload .customily_option .option_name{width:auto!important;flex:1 1 auto!important;color:rgb(var(--color-base-text, 32, 53, 44))!important;font-size:16px!important;font-weight:600!important;line-height:1.4!important}body .has-photo-upload .customily-required-label{color:#c62828!important}body .has-photo-upload .customily_option input:not([type=checkbox]):not([type=file]),body .has-photo-upload .customily_option select{min-height:52px!important;padding:0 16px!important;border:1px solid rgba(var(--color-base-text, 32, 53, 44),.55)!important;border-radius:12px!important;background-color:rgb(var(--color-base-background-1, 255, 253, 248))!important;color:rgb(var(--color-base-text, 32, 53, 44))!important;font-size:16px!important}body .has-photo-upload .customily_option input:not([type=checkbox]):not([type=file]):focus,body .has-photo-upload .customily_option select:focus{outline:none!important;border-color:rgb(var(--color-base-text, 32, 53, 44))!important;box-shadow:0 0 0 1px rgb(var(--color-base-text, 32, 53, 44))!important}.photo-guide-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:rgb(var(--color-base-text, 32, 53, 44));font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}.photo-guide-link__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:rgb(var(--color-base-text, 32, 53, 44));color:rgb(var(--color-base-background-1, 255, 253, 248));font-size:12px;font-weight:700;font-style:normal;text-decoration:none;line-height:1}body .has-photo-upload .customily-file-input{display:flex!important;align-items:center!important;gap:12px!important;padding:12px!important;border:1px dashed rgba(var(--color-base-text, 32, 53, 44),.3)!important;border-radius:12px!important;background-color:rgba(var(--color-base-text, 32, 53, 44),.04)!important;text-align:left!important}body .has-photo-upload .customily-file-input .cl-container{display:flex!important;flex:1 1 auto!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;min-width:0!important}body .has-photo-upload .customily-file-input:not(.customily-file-with-thumbnail) .cl-container:before{content:"Choose and upload photo...";flex:1 1 0;min-width:0;padding-left:8px;overflow:hidden;color:rgba(var(--color-base-text, 32, 53, 44),.7);font-size:15px;white-space:nowrap;text-overflow:ellipsis}body .has-photo-upload .customily-file-input .cl-flex-no-wrap{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}body .has-photo-upload .customily-file-input .customily-download-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 20px!important;border:0!important;border-radius:10px!important;background-color:rgb(var(--color-base-text, 32, 53, 44))!important;color:rgb(var(--color-base-background-1, 255, 253, 248))!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important}body .has-photo-upload .customily-file-input .customily-download-button:hover{opacity:.88!important}body .has-photo-upload .customily-file-input:not(.customily-file-with-thumbnail) .customily-download-button>span{display:none!important}body .has-photo-upload .customily-file-input:not(.customily-file-with-thumbnail) .customily-download-button:before{content:"";width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--photo-upload-icon) center / contain no-repeat;mask:var(--photo-upload-icon) center / contain no-repeat}body .has-photo-upload .customily-file-input:not(.customily-file-with-thumbnail) .customily-download-button:after{content:"Select Photo"}body .has-photo-upload{--photo-upload-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='m4 17 5-5 4 4 2-2 5 5'/%3E%3Ccircle cx='9' cy='9' r='1.5'/%3E%3Cpath d='M18 2v6M15 5h6'/%3E%3C/svg%3E")}body .has-photo-upload .customily-file-input-thumbnail{flex:0 0 auto!important;width:64px!important;height:64px!important;margin:0!important;overflow:hidden!important;border-radius:8px!important;background:rgb(var(--color-base-background-1, 255, 253, 248))!important}body .has-photo-upload .customily-file-input-thumbnail img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}body .has-photo-upload .customily-file-input .cl_remove-image,body .has-photo-upload .customily-file-input .cl-crop-image-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;border:1px solid rgba(var(--color-base-text, 32, 53, 44),.35)!important;border-radius:10px!important;background:rgb(var(--color-base-background-1, 255, 253, 248))!important;color:rgb(var(--color-base-text, 32, 53, 44))!important;font-size:15px!important;font-weight:600!important}body .has-photo-upload .customily-file-input .cl-w-100,body .has-photo-upload .customily-file-input .cl-crop-image-btn{width:auto!important}.photo-guide-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000080}.photo-guide-modal__dialog{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto;padding:28px 24px 24px;border-radius:16px;background:#fff;color:rgb(var(--color-base-text, 32, 53, 44));box-shadow:0 20px 60px #00000040}.photo-guide-modal__title{margin:0 0 16px;font-family:var(--font-body-family, inherit);font-size:20px;font-weight:700;letter-spacing:0}.photo-guide-modal__steps{margin:0;padding:0;list-style:none;counter-reset:photo-guide-step}.photo-guide-modal__steps li{position:relative;margin:0 0 14px;padding-left:32px;font-size:15px;line-height:1.55;counter-increment:photo-guide-step}.photo-guide-modal__steps li:before{content:counter(photo-guide-step);position:absolute;top:1px;left:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgb(var(--color-base-accent-2, 182, 138, 58));color:#fff;font-size:12px;font-weight:700}.photo-guide-modal__steps a{color:inherit;text-decoration:underline}.photo-guide-modal__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(var(--color-base-text, 32, 53, 44),.08);color:inherit;font-size:22px;line-height:1;cursor:pointer}body.photo-guide-open{overflow:hidden}@media(max-width:480px){body .gradette-personalized-container.has-photo-upload{padding:16px!important}body .has-photo-upload .customily-file-input .customily-download-button{padding:0 14px!important;font-size:15px!important}body .has-photo-upload .customily-file-input:not(.customily-file-with-thumbnail) .cl-container:before{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/customily-photo-upload.css.map?t=1789575126044 */