.upload-area-custom{font-family:Barlow,sans-serif;font-size:10px;background:#faf8f5;border:1.5px solid #E8E0D4;border-radius:1.6em;padding:3em;position:fixed;z-index:999;width:90%;max-width:72em;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000001f}.upload-area-custom::-webkit-scrollbar{width:5px}.upload-area-custom::-webkit-scrollbar-track{background:#f0ebe3}.upload-area-custom::-webkit-scrollbar-thumb{background:#c9a84c;border-radius:3px}.upload-area-custom:not([open]){display:none}.upload-area-custom[open]{display:block}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998;display:none}.upload-area-custom[open]~.upload-overlay{display:block}.upload-area-custom .close-btn{position:absolute;top:1.6em;right:1.6em;background:#f0ebe3;border:1.5px solid #E0D8CE;border-radius:50%;width:3.8em;height:3.8em;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.upload-area-custom .close-btn:hover{background:#e8e0d4;border-color:#c9a84c}.upload-area-custom .close-btn svg{width:1.6em;height:1.6em}.upload-area-custom .close-btn svg path{stroke:#6b5e4e}.upload-area-custom .upload-title{font-family:Barlow Condensed,sans-serif;font-size:2em;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:#2a2118;margin-bottom:1.8em;padding-right:4em;display:flex;align-items:center;gap:.6em}.upload-area-custom .upload-title:before{content:"1";display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;background:#c9a84c;color:#fff;border-radius:50%;font-size:.9em;font-weight:900;flex-shrink:0}.upload-area-custom>h4{font-family:Barlow Condensed,sans-serif;font-size:1.3em!important;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#8a7a6a;text-align:left;margin-bottom:1.2em;padding:0;border:none;border-bottom:none}.upload-area-custom .customise_dynamic{background:transparent;border:none;border-radius:0;overflow:visible;margin-bottom:0;box-shadow:none}.upload-area-custom .customise_data.images_changer.wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;margin-bottom:1.6em}.upload-area-custom .photo-one-area,.upload-area-custom .photo-two-area,.upload-area-custom .photo-three-area{display:flex;flex-direction:column;align-items:center;background:#fff;border:1.5px dashed #D8CEBF;border-radius:1.2em;padding:2em 1.5em 1.5em;transition:all .2s;cursor:pointer;position:relative}.upload-area-custom .photo-one-area:hover,.upload-area-custom .photo-two-area:hover,.upload-area-custom .photo-three-area:hover{border-color:#c9a84c;background:#fffdf7;box-shadow:0 4px 16px #c9a84c1f}.upload-area-custom .photo-one-area label,.upload-area-custom .photo-two-area label,.upload-area-custom .photo-three-area label{display:flex;align-items:center;justify-content:center;width:7em;height:7em;border-radius:.8em;cursor:pointer;overflow:hidden;margin-bottom:1em;background:transparent;border:none}.upload-area-custom .photo-one-area label:hover,.upload-area-custom .photo-two-area label:hover,.upload-area-custom .photo-three-area label:hover{border:none;background:transparent}.upload-area-custom .preview-image{width:5.5em;height:5.5em;object-fit:contain;opacity:1;transition:opacity .2s}.upload-area-custom .photo-one-area:hover .preview-image,.upload-area-custom .photo-two-area:hover .preview-image,.upload-area-custom .photo-three-area:hover .preview-image{opacity:.8}.upload-area-custom .details{text-align:center;margin-bottom:1em}.upload-area-custom .details h4{font-family:Barlow Condensed,sans-serif;font-size:1.4em!important;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#2a2118;margin-bottom:.3em;padding:0;border:none;text-align:center}.upload-area-custom .details p{font-size:1.2em;color:#8a7a6a;font-family:Barlow,sans-serif;margin:0;line-height:1.5}.upload-area-custom .photo-one-area>label[for],.upload-area-custom .photo-two-area>label[for],.upload-area-custom .photo-three-area>label[for]{order:3;width:auto;height:auto;background:transparent;border:1px solid #D8CEBF;border-radius:.5em;padding:.5em 1.2em;font-family:Barlow Condensed,sans-serif;font-size:1.2em;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6b5e4e;display:flex;align-items:center;gap:.4em;transition:all .2s;overflow:visible;margin-top:auto}.upload-area-custom .photo-one-area>label[for]:hover,.upload-area-custom .photo-two-area>label[for]:hover,.upload-area-custom .photo-three-area>label[for]:hover{background:#f0ebe3;border-color:#c9a84c;color:#2a2118}.upload-area-custom .hidden{display:none}.upload-area-custom .otherimages.images_changer{padding:2em 0 0;background:transparent;border:0px solid #E8E0D4;margin-top:1.6em}.upload-area-custom .otherimages>p{font-size:1.25em!important;font-family:Barlow,sans-serif;line-height:1.6;margin-bottom:1.2em;color:#8a7a6a!important}.upload-area-custom .otherimages>p:first-child{font-size:1.4em!important;font-weight:800;letter-spacing:1px;text-transform:none;color:#2a2118!important;font-size:13px!important;color:#888!important;line-height:1.55;margin-bottom:14px;font-family:Outfit,sans-serif}.upload-area-custom .images_wrapper{display:flex;gap:1em;flex-wrap:nowrap;margin-bottom:.8em}.upload-area-custom .other_image{flex:1;aspect-ratio:1;min-width:0;border:1.5px dashed #D8CEBF;border-radius:1em;overflow:hidden;transition:all .2s;background:#fff;display:flex;align-items:center;justify-content:center}.upload-area-custom .other_image:hover{border-color:#c9a84c;background:#fffdf7}.upload-area-custom .other_image label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1em;border:0}.upload-area-custom .other_image label img{width:2.4em;height:2.4em;object-fit:contain;opacity:1;transition:opacity .2s;position:absolute;height:100%;width:100%}.upload-area-custom .other_image:hover label img{opacity:.6}.upload-area-custom .additional_message{margin-top:2em;margin-bottom:.6em}.upload-area-custom .additional_message textarea{width:100%!important;border:1.5px solid #E0D8CE;border-radius:.8em;padding:1.2em 1.4em;font-family:Barlow,sans-serif;font-size:1.4em;color:#2a2118;background:#fff;outline:none;resize:vertical;min-height:9em;transition:border-color .2s;line-height:1.6}.upload-area-custom .additional_message textarea::placeholder{color:#b8a898;font-style:italic}.upload-area-custom .additional_message textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px #c9a84c1a}.upload-area-custom .custom_options{display:flex;flex-direction:column;gap:2em;margin-top:2em;padding-top:2em;border-top:1px solid #E8E0D4}.upload-area-custom .custom_options_row{background:transparent;border:none;border-radius:0;overflow:visible}.upload-area-custom .custom_options_head{background:transparent;padding:0;margin-bottom:.8em}.upload-area-custom .custom_option_label{font-family:Barlow Condensed,sans-serif;font-size:1.6em!important;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#2a2118;margin:0;padding:0;border:none;text-align:left;display:flex;align-items:center;gap:.5em}.upload-area-custom .custom_option_label .custom_js_value{color:#c9a84c;font-weight:700}.upload-area-custom .custom_options_content{display:flex;flex-wrap:wrap;gap:0em;padding:0}.upload-area-custom .single_item{display:flex;align-items:center;justify-content:center;border:0}.upload-area-custom .single_item label{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.upload-area-custom .single_item input[type=radio]{position:absolute;opacity:0;width:0;height:0}.upload-area-custom .single_item label span{display:block;width:3.6em;height:3.6em;border-radius:50%;border:0px solid transparent;background-size:cover;background-position:center;transition:all .2s;box-shadow:0 2px 6px #0000001f;position:relative;inset:initial}.upload-area-custom .single_item label span:hover{transform:scale(1.12);box-shadow:0 4px 12px #0000002e}.upload-area-custom .single_item input[type=radio]:checked+span{border-color:#2a2118;box-shadow:0 0 0 2px #2a2118,0 4px 12px #0003;transform:scale(1.1)}.upload-area-custom .button-wrapper{display:flex;justify-content:center;margin-top:3em;padding-top:2em;border-top:1px solid #E8E0D4}.upload-area-custom .button-wrapper .button--primary{background:#2a2118;color:#faf8f5;font-family:Barlow Condensed,sans-serif;font-size:1.8em;font-weight:900;letter-spacing:3px;text-transform:uppercase;border:none;border-radius:.5em;padding:.875em 4em;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5em}.upload-area-custom .button-wrapper .button--primary:after,.upload-area-custom .button-wrapper .button--primary:before{display:none}.upload-area-custom .button-wrapper .button--primary:hover{background:#c9a84c;color:#2a2118;transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c4d}.upload-area-custom .cta-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;border:none;border-radius:99px;background:linear-gradient(135deg,#b87c20,#d4a843,#e8c46a)!important;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 40px #d4a84361,0 2px 10px #00000014;transition:transform .22s,box-shadow .22s;width:initial!important}.upload-area-custom .cta-btn:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 18px 50px #d4a8437a,0 4px 14px #0000001a!important}.upload-area-custom .details h4{font-weight:800!important;font-family:Barlow Condensed,sans-serif!important}.upload-area-custom .cta-btn .arrow{width:30px;height:30px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:17px}.upload-area-custom .req-card__sub{font-size:11px;color:#888;text-align:center;line-height:1.45;order:4}.upload-area-custom .req-card__action{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b8922e;display:flex;align-items:center;gap:4px;order:5;margin-top:.5em}.upload-area-custom .req-card__action svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none}.upload-area-custom .details{margin-top:0!important}.upload-area-custom .other_image label svg{width:16px;height:16px;stroke:#c5b89a;stroke-width:1.5;fill:none;transition:stroke .22s}.upload-area-custom .other_image label{flex-direction:column}.upload-area-custom .other_image label span{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bbb;transition:color .22s;margin-top:.5em}@media(max-width:767px){.upload-area-custom{padding:2em 1.5em;width:95%;max-height:88vh;font-size:9px}.upload-area-custom .customise_data.images_changer.wrapper{grid-template-columns:repeat(1,1fr);gap:1em}.upload-area-custom .photo-one-area,.upload-area-custom .photo-two-area,.upload-area-custom .photo-three-area{flex-direction:row;gap:1.5em;padding:1.5em;text-align:left}.upload-area-custom .details{text-align:left}.upload-area-custom .images_wrapper{flex-wrap:wrap}.upload-area-custom .other_image{width:7em;height:7em;flex:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/custom-upload-area.css.map */