*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,button,html,main{font-family:Montserrat,sans-serif}body{font-size:16px}button{user-select:none}a{text-decoration:none}a:hover{cursor:pointer}button,input,select,textarea{font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url(https://fbcd.co/images/icons/down-arrow-black.svg);background-position:calc(100% - 20px) 50%;background-repeat:no-repeat;background-size:10px auto;line-height:normal}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;height:1em;overflow:hidden;width:1em}.rights{color:var(--fg-sec);font-size:12px;font-weight:400;line-height:16.8px}@keyframes left-to-right{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.wobble{animation:wobble 1s 1 both}@keyframes wobble{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}@keyframes rotate-360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circle-pulse{height:20px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:20px}.circle-pulse--cyan:after,.circle-pulse--cyan:before{background-color:#25d8e4!important}.circle-pulse:before{animation:circle-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;border-radius:45px;box-sizing:border-box;height:250%;margin-left:-75%;margin-top:-75%;position:relative;width:250%}.circle-pulse:after,.circle-pulse:before{background-color:#094731;content:"";display:block}.circle-pulse:after{animation:circle-pulse-scale 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;border-radius:50px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes circle-pulse{0%{transform:scale(.33)}80%,to{opacity:0}}@keyframes circle-pulse-scale{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.notification-container{display:flex;flex-direction:column;gap:1rem;margin-left:20px;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:center;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;justify-content:space-between;max-width:400px;min-width:280px;padding:1rem 1.5rem;transform:translateX(120%);transition:transform .3s ease-in-out}.notification--show{transform:translateX(0)}.notification__message{margin-right:10px}.notification__close{font-size:1.25rem;font-weight:700;opacity:.7}.notification__close:hover{opacity:1}.notification--success{background-color:#67cb1d}.notification--danger{background-color:#fd4343}.notification--warning{background-color:#ff7600}.notification--info{background-color:#2196f3}.upload{box-sizing:border-box;margin:auto;max-width:1500px;order:9999;padding:4rem 3rem;width:100%}@media(max-width:767px){.upload{padding:3rem 2rem}}@media(max-width:575px){.upload{padding:2rem 1rem;width:100%}}.upload.p-0{padding:0!important}.upload__feedback>.upload__area{height:auto;margin:0 auto;max-height:280px;max-width:900px;min-height:auto}.upload__area{align-items:center;background-color:#fff;border:2px dashed #ccc;border-radius:.5rem;box-shadow:0 0 30px 0 rgba(82,63,105,.05);display:flex;flex-direction:column;gap:1rem;height:700px;justify-content:center;min-height:358px;padding:3.5rem;text-align:center;transition:all .3s ease-in-out 0s}@media(max-width:991px){.upload__area{height:auto}}.upload__heading{font-weight:600;line-height:150%}.upload__file-types{color:#999;font-size:14px}.dragover:before{align-items:center;background:rgba(0,0,0,.812);border:3px dashed #fff;color:#fff;content:"Drop your images to begin uploading";display:flex;font-size:2rem;height:100%;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:999999}.preview{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:auto;max-width:1500px;padding:4rem 3rem}@media(max-width:767px){.preview{padding:3rem 2rem}}@media(max-width:575px){.preview{padding:2rem 1rem}}.preview:empty{display:none}.preview .error .preview__warning{display:block}.preview .upload{height:100%;margin:0;padding:0;width:100%}.preview .upload__area{height:100%}.preview .upload .p-1{padding:1rem!important}.preview__item{background:#fff;border-radius:.5rem;box-shadow:0 0 30px 0 rgba(82,63,105,.05);min-height:348px;padding:.75rem;position:relative;transition:box-shadow .2s ease}.preview__item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.preview__item--preview,.preview__item--preview .preview__image{align-items:center;display:flex;justify-content:center}.preview__item--preview .preview__image{background:none!important;height:100%;max-height:280px}.preview__item--preview .preview__image>img{max-height:100%;max-width:100%}.preview__image{background-color:#fbfbfb;background:#f8f8f8 url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".05"><path d="M200 0h200v200H200zM0 200h200v200H0z"/></svg>');background-size:30px 30px;border-radius:.25rem;display:flex;height:280px;overflow:hidden;position:relative}.preview__image--uploading{align-items:center;justify-content:center;position:relative}.preview__image--uploading:before{background-color:hsla(0,0%,100%,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.preview__image>img{border-radius:.25rem;display:block;height:auto;margin:auto;max-height:96%;max-width:96%;width:auto}.preview__image:hover .preview__image-name--hover-only{opacity:1}.preview__bg-badge{align-items:center;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;display:flex;font-size:10px;font-weight:600;gap:6px;left:10px;opacity:.85;padding:6px 12px 6px 6px;position:absolute;top:10px;transition:all .2s ease;z-index:5}.preview__bg-badge--removed{background-color:rgba(0,123,255,.85);color:#fff}.preview__bg-badge--removed .preview__bg-badge-checkbox{background-color:#fff;color:rgba(0,123,255,.85)}.preview__bg-badge--removed .preview__bg-badge-tick{opacity:1}.preview__bg-badge--print{background-color:hsla(0,0%,67%,.85);color:#fff}.preview__bg-badge--print .preview__bg-badge-checkbox{background-color:#fff;color:hsla(0,0%,67%,.85)}.preview__bg-badge--print .preview__bg-badge-tick{display:none}.preview__bg-badge:hover{box-shadow:0 3px 8px rgba(0,0,0,.3);opacity:1}.preview__bg-badge-checkbox{align-items:center;border-radius:3px;display:flex;height:13px;justify-content:center;width:13px}.preview__bg-badge-tick{font-size:8px}.preview__aspect{color:#8b8b8b;font-size:1rem;padding-bottom:1rem}.preview__size-row{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.preview__set-size{font-size:.95rem;font-weight:600}.preview__set-size small{display:block;font-size:11px;font-weight:400;margin-bottom:2px;opacity:.5}.preview__dimensions{align-items:center;border:1px solid #eee;border-radius:0 0 7px 7px;border-top:0;display:flex;justify-content:space-between;margin:0;padding:5px 10px 10px}.preview__dimensions-lock{padding-bottom:10px;width:15px}.preview__dimensions-wrap{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.preview__dimensions-set{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.preview__dimensions-group{display:flex;flex:1;flex-direction:column}.preview__dimensions-group.qty{width:80px}.preview__dimensions-label{color:#616161;font-size:12px;margin-bottom:5px;margin-top:10px}.preview__dimensions-input{border:1px solid #ddd;border-radius:.25rem;color:#333;font-size:13px;font-weight:600;font-weight:500;height:40px;padding:.5rem;text-align:center;width:100%}.preview__dimensions-input::-webkit-inner-spin-button,.preview__dimensions-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.preview__dimensions-input[type=number]{-moz-appearance:textfield}.preview__dimensions-input:focus{border:1px solid #25d8e4;outline:1px solid #25d8e4}.preview__dimensions-input--set{width:100%}.preview__dimensions-input.--rounded{border-radius:50px}.preview__dpi{align-items:flex-end;display:flex;gap:1rem;margin-top:1rem}.preview__dpi-wrap{color:#67cb1d;flex:1;font-size:15px;font-weight:600}.preview__dpi-btn{height:40px;padding:.75rem;width:40px;fill:#fff;border-radius:.25rem;position:relative}.preview__warning{display:none}.preview__warning>.svg-btn{left:20px;position:absolute;top:-10px;z-index:10}.preview__warning>.svg-btn:hover~div{display:flex}.preview__warning-info{align-items:center;background:#eb7070;border-radius:.5rem;color:#fff;display:none;flex-direction:column;font-weight:500;gap:1rem;height:100%;justify-content:flex-start;left:0;padding:1.5rem;position:absolute;text-align:center;top:0;width:100%;z-index:5}.preview__warning-info>ul{padding:1rem;text-align:left}.preview__warning-info>ul>li{font-size:14px;padding-bottom:.5rem}.preview__warning-title{font-size:1.125rem;padding-top:1rem}.preview__dup-btn{align-items:center;border:1px solid #ddd;border-radius:50px;cursor:pointer;display:flex;font-size:13px;height:40px;justify-content:center;padding:0 20px}.preview__dup-btn:hover{background-color:#f8f8f8}.preview__qty-clone-row{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.preview__qty-selector{align-items:center;display:flex;gap:10px}.preview__qty-input{max-width:120px;position:relative}.preview__qty-btn-changer,.preview__qty-label{color:#616161;font-size:12px}.preview__qty-btn-changer{align-items:center;border-radius:20px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:5px;top:4px;width:32px}.preview__qty-btn-changer:first-child{left:5px;right:auto}.preview__qty-btn-changer:hover{background-color:#f8f8f8;color:#222}.preview__adv-size-btn{align-items:center;background-color:#f4f4f4;border:none;border-radius:7px;cursor:pointer;display:flex;font-size:13px;height:42px;justify-content:space-between;margin-top:15px;padding:0 15px;width:100%}.preview__adv-size-btn:hover{background-color:#eee}.preview__adv-size-btn.expanded{background-color:#eee;border-radius:7px 7px 0 0}.preview__adv-size-btn.expanded>.rotate{transform:rotate(180deg)}.preview__remove-btn{align-items:center;background:rgba(0,0,0,.6);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:26px;z-index:10}.preview__remove-btn:hover{background-color:rgba(255,0,0,.6)}.preview__upload-indicator{align-items:center;background-color:hsla(0,0%,100%,.85);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:15px;justify-content:center;padding:15px;position:relative;width:90%;z-index:2}.preview__spinner{animation:spin 1s linear infinite;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#25d8e4;height:40px;width:40px}.preview__progress-container{background-color:#eee;border-radius:10px;height:8px;overflow:hidden;width:100%}.preview__progress-bar{background-color:#25d8e4;height:100%;transition:width .2s ease-in-out}.preview__upload-status{color:#666;font-size:14px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview__upload-percentage{color:#25d8e4;font-size:16px;font-weight:700}.preview__change-size-btn{background-color:#d7f8ff;border-radius:7px;color:#1f2937;font-size:13px;font-weight:500;gap:10px;height:40px;padding:0 20px}.preview__change-size-btn:hover{background-color:#9cedff}.preview__adv-size-btn-label{align-items:center;display:inline-flex;gap:10px}