@font-face{font-family:Bahnschrift Semi Bold;src:url(/cdn/shop/files/BAHNSCHRIFT.woff?v=1707117014) format("woff")}@font-face{font-family:Calisto MT;src:url(/cdn/shop/files/Calisto_MT.woff?v=1707117014) format("woff")}@font-face{font-family:Lucida Calligraphy Bold;src:url(/cdn/shop/files/Lucida_Calligraphy_Bold.woff?v=1707117014) format("woff")}#personalization-form-wrapper{height:100vh;width:400px;padding:0 30px}#personalization-form-wrapper .drawer__title{font-size:24px;line-height:1;margin:0;display:flex}#personalization-form-wrapper .drawer__close{width:fit-content;display:flex}#personalization-form-wrapper .drawer__close .drawer__close-button{padding:0;right:0}#personalization-form{height:100vh}#personalization-form .drawer__fixed-header{min-height:60px;padding-left:0;padding-right:0}#personalization-form .drawer__header{display:flex;align-items:center;min-height:60px}#personalization-form .drawer__inner{height:calc(100vh - 60px)}#personalization-form .drawer__inner .drawer__scrollable{padding:0;display:grid;grid-template-rows:auto 1fr}#personalization-form .drawer__inner .drawer__scrollable>.personalization-container{padding:0;height:100%;overflow:hidden}#personalization-form .drawer__inner .drawer__scrollable .personalize{margin-bottom:20px}#personalization-form .drawer__inner .drawer__scrollable>.personalization-container+.personalize{height:fit-content}#personalization-form .drawer__inner .drawer__scrollable .personalization-container .option-tab-content .variant-wrapper .variant__label,.personalize[data-step="2"] .personalization-container label{letter-spacing:1px}#personalization-form .drawer__inner .drawer__scrollable>.personalization-container .label{font-weight:700;font-size:14px;letter-spacing:0px;line-height:1;display:flex;text-align:center;margin:8px 0;justify-content:center}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container .variant__button-label{letter-spacing:0px}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container .color-swatch{margin:6px 4px 10px;height:32px;width:32px}.personalize-step-1 .option-tab-content .variant-wrapper .variant-input-wrap .color-swatch{box-shadow:0 0 0 2px #000}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container label{font-weight:700;font-size:14px;letter-spacing:2px;text-align:center;margin:4px 0}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container label:before{box-shadow:0 0 0 2px #000}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container .step-title{margin:0}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container>label{margin-bottom:12px}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container .option-tab-content{margin:4px 0}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container .option-tab-content>*{margin:4px auto 6px}#personalization-pic{height:calc(100% - 40px)!important}.personalize .variant-input-wrap{text-align:center}.personalization-form-btn.prevbtn,.personalization-form-btn.cancelbtn{background-color:transparent;width:fit-content;border-bottom:1px solid #9a9a9a;color:#9a9a9a;padding:0;line-height:normal;border-radius:0;min-width:fit-content}.personalization-form-btn.prevbtn:hover,.personalization-form-btn.cancelbtn:hover{background-color:transparent!important}.appear-delay-3 .personalization-message{margin:14px auto 8px;opacity:.7}[data-font-style=Classic]{font-family:Calisto MT!important}[data-font-style=Modern]{font-family:Bahnschrift Semi Bold!important}[data-font-style=Handwriting]{font-family:Lucida Calligraphy Bold!important}#personalization-input{margin:auto;text-align:center;width:100%;display:flex;width:70%;justify-content:center}#personalization-pic,#personalization-pic .personalization-preview-wrapper{position:relative;height:100%;width-fit:content}#personalization-preview-pic{height:100%;margin:auto;object-fit:cover}.personalize .personalization-container .step-title{font-size:16px;padding:4px 0}.personalize .personalization-container .step-title>label{text-transform:capitalize;font-size:16px!important;letter-spacing:.4px!important}.personalize .personalization-container .engraving-option-tabs .option-tab{font-size:13px}.personalize .personalization-container .engraving-option-tabs .option-tab label{font-size:14px}#personalization-preview{position:absolute;text-align:center;width:100%}#personalization-preview[data-placement-type=briefcase-tag],#personalization-preview[data-placement-type=backpack-tag]{font-size:1.8vh;top:52%;transform:translate(.5%);-ms-transform:translateX(.5%)}#personalization-preview[data-placement-type=luggage-tag]{font-size:2.8vh;top:57%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}#personalization-preview[data-placement-type=strap]{font-size:2.8vh;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}#personalization-preview[data-placement-type=bag]{font-size:2vh;top:52%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}#personalization-preview[data-direct-eng-type=slim-wallet][data-placement-type=bag]{font-size:12px;top:60%;text-align:right;transform:skew(-18deg) skewY(15deg) translate(-83%) translateY(440%) translateZ(0);-ms-transform:skewX(-18deg) skewY(15deg) translateX(-83%) translateY(440%) translateZ(0)}#personalization-preview[data-direct-eng-type=pocket-wallet][data-placement-type=bag]{font-size:12px;top:60%;text-align:right;transform:skew(-20deg) skewY(17deg) translate(-86%) translateY(450%) translateZ(0);-ms-transform:skewX(-20deg) skewY(17deg) translateX(-86%) translateY(450%) translateZ(0)}#personalization-form-wrapper[data-producthandle=artis-leather-passport-holder] #personalization-preview[data-placement-type=bag]{font-size:2vh;top:75%;left:65%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}@media only screen and (max-width: 400px){#personalization-preview[data-direct-eng-type=slim-wallet][data-placement-type=bag]{transform:skew(-18deg) skewY(15deg) translate(-83%) translateY(420%) translateZ(0);-ms-transform:skewX(-18deg) skewY(15deg) translateX(-83%) translateY(420%) translateZ(0)}#personalization-preview[data-direct-eng-type=pocket-wallet][data-placement-type=bag]{transform:skew(-20deg) skewY(17deg) translate(-86%) translateY(420%) translateZ(0);-ms-transform:skewX(-20deg) skewY(17deg) translateX(-86%) translateY(420%) translateZ(0)}}#personalization-preview[data-direct-eng-type=clutch][data-placement-type=bag]{font-size:8px;top:36%;transform:translate(0) translateY(110%) translateZ(0);-ms-transform:translateX(0) translateY(110%) translateZ(0)}#personalization-preview[data-direct-eng-type=portfolio][data-placement-type=bag]{font-size:8px;top:23%;transform:translate(0) translateY(12%) translateZ(0);-ms-transform:translateX(0) translateY(12%) translateZ(0)}#personalization-preview[data-color=Blind],#personalization-selection-preview[data-color=Blind]{color:#000000b3;opacity:.7}#personalization-preview[data-color=Silver],#personalization-selection-preview[data-color=Silver]{color:#e0e0e0}#personalization-preview[data-color=Gold],#personalization-selection-preview[data-color=Gold]{color:#ffe65c}#personalization-preview[data-color=\7121\8272],#personalization-selection-preview[data-color=\7121\8272]{color:#000000b3;opacity:.7}#personalization-preview[data-color=\9280\8272],#personalization-selection-preview[data-color=\9280\8272]{color:#e0e0e0}#personalization-preview[data-color=\91d1\8272],#personalization-selection-preview[data-color=\91d1\8272]{color:#ffe65c}.personalization-btn{justify-content:center;cursor:pointer}.personalization-message{font-size:.75em;margin:5px auto;display:block;text-align:center}.personalization-message-lead-time{font-size:1em;font-weight:700;margin:5px auto;display:block;text-align:center}.personalization-warning{color:red;display:none}.personalization-selection-container{width:100%;margin:20px 0}.personalization-selection-container>label{text-align:center;margin-bottom:40px}.personalization-selection{display:grid;grid-template-areas:"result result" "edit remove" "presonalize presonalize";grid-template-columns:1fr 1fr;justify-items:center}.personalization-select-element{width:fit-content;text-align:center;padding:20px;margin:auto}#personalization-selection-preview{font-family:Century,Times New Roman;grid-area:result;padding:20px 32px;border:2px dashed rgba(0,0,0,.5);width:fit-content;margin:0 auto 20px;text-align:center}#personalization-edit-btn{grid-area:edit;padding:0;margin:20px 0}#personalization-remove-btn{grid-area:remove;padding:0;margin:20px 0}#personalization-price{grid-area:presonalize;text-align:center;text-transform:uppercase;letter-spacing:2px;opacity:.7}.personalization-form-btn{display:block;margin:10px auto;letter-spacing:1px}.personalization-selection-btn{font-weight:600;cursor:pointer}#personalization-price{width:100%;margin-top:20px}@media only screen and (max-width: 768px){#personalization-form-wrapper{height:calc(100% - 93px)!important;height:-webkit-fill-available;bottom:93px}#personalization-form .drawer__inner .drawer__scrollable .personalize .personalization-container .option-tab-content{min-height:80px;margin:8px 0 4px}.personalization-selection-container>label{margin-bottom:20px}#personalization-form{height:100%}.personalization-container{padding:0}#personalization-pic{width:100%;margin:10px auto}.personalization-selection-container{margin:0 auto}#add-personalization-btn{margin:10px auto;width:100%;padding:17px}.personalization-selection{justify-content:center;width:90%;margin:0 auto}#personalization-selection-preview{width:50%;margin:20px 25%}.personalization-select-element{width:40%;padding:10px}}#add-personalization-btn{margin-top:10px;margin-bottom:10px;width:100%;background:#e8e8e1;color:#05213a}.engraving-option-tabs{display:flex;flex-wrap:wrap;width:100%;justify-content:center}.option-tab{width:calc(100% / 3);padding:10px 4px;text-align:center;font-size:14px;border:.5px solid #e6e6e6;cursor:pointer}.option-tab.active{background:#000;color:#fff}.fontstyle-option-tabs{display:flex;width:100%;border:.3px solid #e6e6e6}.fontstyle-tab{flex-grow:1;flex-basis:0;padding:10px;text-align:center;font-size:14px;border:.5px solid #e6e6e6;cursor:pointer}.fontstyle-tab.active{background:#000;color:#fff}.personalization-container .option-tab-content .variant-input-wrap{display:flex;justify-content:center;margin:0}.personalization-container .option-tab-content .variant-input-wrap .variant__button-label{margin:0;padding:5px 12px;box-shadow:unset;letter-spacing:1px;border:2px solid #000}.option-tab-content{margin:15px}.step-title{font-size:14px;font-weight:700;text-align:center;margin:10px}.option-tab-content .variant-wrapper+.option-tab-content .variant-wrapper{margin-top:20px}.option-tab-content label,.option-tab-content .label-info{margin-bottom:5px}
/*# sourceMappingURL=/cdn/shop/t/367/assets/personalize-form.css.map */