.customize{align-items:stretch;display:flex;flex-direction:column;width:100%}.customize>.text-container{align-items:center;display:flex;justify-content:space-between;width:100%}.customize>.text-container>h5{margin-bottom:8px}.customize>.text-container>.custom-link{color:var(--arka-blue-background);font-family:var(--font-euclid-flex);font-size:18px;font-style:normal;font-weight:500;letter-spacing:.02em;line-height:23px;margin-bottom:8px;margin-top:8px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.customize>.margin-top-0{margin-top:0}.customize>.buttons-container{align-items:center;display:flex;justify-content:flex-start;width:100%}.customize>.buttons-container .button-wrapper label,.customize>.buttons-container>label{margin-bottom:0}.customize>.buttons-container .button-wrapper .button-outline,.customize>.buttons-container>.button-outline{border-color:var(--arka-grey-title)}.customize>.buttons-container .customizer-button{margin-left:5%;width:45%}.customize>.buttons-container .custom-button>.icon{height:16px;margin-right:8px;width:16px}@media screen and (max-width: 768px){.customize>.buttons-container .button-wrapper{width:auto}}.customize .upload-form{background-color:var(--arka-white);border-radius:24px;display:none;margin-top:16px;padding:16px;width:100%}.customize .upload-form>.image-container{align-items:center;background-color:var(--arka-grey-title);border-radius:4px;display:flex;height:240px;justify-content:center;position:relative;width:100%}.customize .upload-form>.image-container>.iframe-content,.customize .upload-form>.image-container>.image-content{background-position:50%;background-repeat:no-repeat;background-size:contain;display:none;height:100%;width:100%}.customize .upload-form>.image-container>.overlay{align-items:center;background-color:#0006;border-radius:4px;display:none;height:100%;justify-content:center;opacity:0;position:absolute;width:100%}.customize .upload-form>.image-container>.overlay:hover{opacity:1;transition:all .2s ease}.customize .upload-form>.image-container>.image-loader{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotation;animation-name:rotation;-webkit-animation-timing-function:linear;animation-timing-function:linear;height:44px;width:44px}@-webkit-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.customize .upload-form>.textarea{border:none;border-radius:5px;color:var(--arka-grey-title);display:none;font-family:Athelas;font-size:17px;font-style:italic;font-weight:400;height:150px;line-height:24px;margin-top:16px;outline:none;padding:10px;resize:none;width:100%}.customize .upload-form>.textarea::-webkit-scrollbar{display:none}.customize .upload-form>.label{color:var(--arka-grey-title);display:none;font-family:var(--font-euclid-flex);font-size:13px;font-style:normal;font-weight:500;line-height:24px;padding-left:16px;padding-right:16px;text-align:right;width:100%}.customize .upload-form>.buttons-container{align-items:center;display:none;justify-content:space-between;margin-top:22px}.customize .upload-form>.buttons-container>.custom-button{border:1px solid var(--arka-grey-title)}.customize .upload-form>.buttons-container>.custom-button>.icon{height:16px;margin-right:8px;width:16px}.customize>.upload-paginator{align-items:center;display:flex;justify-content:center;margin-top:10px}.customize>.upload-paginator>.pagination-button{height:36px;padding:10px;width:36px}.customize>.upload-paginator>.pagination-button.prev{transform:rotate(90deg)}.customize>.upload-paginator>.pagination-button.next{transform:rotate(-90deg)}.customize>.upload-paginator>.pagination-button:hover{cursor:pointer}.customize>.upload-paginator>.center-text{color:var(--arka-grey-text);font-family:var(--font-euclid-flex);font-size:15px;font-style:normal;font-weight:500;line-height:24px;margin-left:40px;margin-right:40px}.customize.loading>.buttons-container{display:none}.customize.loading .upload-form{display:block}.customize.loaded>.buttons-container{display:none}.customize.loaded .upload-form{display:block;overflow:hidden;position:relative}.customize.loaded .upload-form>.image-container{display:flex}.customize.loaded .upload-form>.image-container>.iframe-content:not(.hidden),.customize.loaded .upload-form>.image-container>.image-content:not(.hidden){display:block}.customize.loaded .upload-form>.image-container>.overlay{display:flex}.customize.loaded .upload-form>.image-container>.image-loader{display:none}.customize.loaded .upload-form>.label{display:inline-block}.customize.loaded .upload-form>.buttons-container{display:flex}.customize.loaded .upload-form>.textarea{display:block}.customize.loaded .upload-form #toast-upload{border-radius:44px;color:#fff;font-family:var(--font-euclid-flex);font-size:18px;font-weight:700;height:0;left:50%;padding:10px 20px;position:absolute;text-align:center;top:20%;transform:translate(-50%);visibility:hidden;width:auto;z-index:2}.customize.loaded .upload-form #toast-upload.show{-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s;height:auto;visibility:visible}@-webkit-keyframes fadein{0%{opacity:0;top:-1000px}to{opacity:1;top:20%}}@keyframes fadein{0%{opacity:0;top:-1000px}to{opacity:1;top:20%}}@-webkit-keyframes fadeout{0%{opacity:1;top:20%}to{opacity:0;top:-1000px}}@keyframes fadeout{0%{opacity:1;top:20%}to{opacity:0;top:-1000px}}
/*# sourceMappingURL=/cdn/shop/t/286/assets/component-upload-artwork.css.map */
