.js-app .btn{height:50px;display:flex;align-items:center;justify-content:center}.js-app .btn--outline{border:1px solid #1a1919;background:#fff;color:#1a1919;transition:0.2s}.js-app .btn--outline:disabled{background-color:#ddd;color:#fff;border-color:#ddd;pointer-events:none}.js-app .btn--outline:hover{background:#1a1919;color:#fff}button.lg-monogram-required{border:0;background-color:#ddd;color:#fff;cursor:default;pointer-events:none}.js-app .btn--engraving{width:100%}.js-app .lg-dialog__body{display:block;max-height:calc(100vh - 100px);overflow-y:auto}.js-app .lg-dialog__body .lg-preview,.js-app .lg-dialog__body .lg-settings{width:100%;padding:10px 0}@media (min-width: 1200px){.js-app .lg-dialog__body{display:flex}.js-app .lg-dialog__body .lg-preview,.js-app .lg-dialog__body .lg-settings{width:50%;padding:0 25px;min-width:550px}}.js-app .canvas-wrapper{position:sticky;top:0}.js-app .lg-settings__header,.js-app .lg-settings__footer,.js-app .lg-input-back__description,.js-app .lg-settings__colors,.js-app .lg-settings__fonts{max-width:350px}.js-app .lg-settings__subtitle{font-size:13px;text-transform:uppercase}.js-app .lg-settings__body{padding-bottom:5px}.js-app .lg-settings__footer{padding-top:10px;margin-bottom:20px}.js-app .lg-settings__colors,.js-app .lg-settings__fonts{margin-bottom:20px}.js-app .lg-settings__colors__list,.js-app .lg-settings__fonts__list{display:flex;flex-wrap:wrap}.js-app .lg-settings__color{width:40px;height:40px;border-radius:50%;border:solid 1px transparent;background:transparent;display:flex;align-items:center;justify-content:center;padding:0}.js-app .lg-settings__color.active{border:solid 1px #1a1919}.js-app .lg-settings__color__badge{display:block;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 1px #ccc}.js-app .lg-settings__font{border:solid 1px #1a1919;background:transparent;height:44px;padding:0 15px;margin-right:9px;font-size:18px;margin-bottom:10px;color:#1a1919}.js-app .lg-settings__font.active{background:#1a1919;color:#fff}.js-app .lg-input-back__description{margin-bottom:25px 0 15px}.js-app .lg-settings__actions{display:flex;padding-bottom:60px;padding-top:10px}.js-app .lg-settings__actions .btn{margin-bottom:10px;margin-right:5px;min-width:230px}.js-app .lg-input-group{max-width:270px;position:relative;margin-bottom:20px}.js-app .lg-input-group__label{font-size:15px;line-height:1.5}.js-app .lg-input__container{position:relative}.js-app .lg-input-group__input{height:44px;border:solid 1px #1a1919;width:100%;font-size:0.875em;padding:0 13px}.js-app .lg-input-group__input__error{border:solid 1px #dc3545}.js-app .lg-input-group__suffix{position:absolute;top:18px;right:8px;font-size:12px}.js-app .lg-input-group__helptext{font-size:14px;margin:5px 0;color:#dc3545}.js-app p{margin:5px 0}.js-app.lg-customizer--loaded{width:calc(100% - 72px);margin-left:12px;margin-bottom:12px}.js-app.lg-customizer--loaded+.btn{margin-left:0}.js-app.lg-customizer--loaded.lg-customizer--full-width{width:100%;margin-left:0}.js-app .lg-dialog__content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none;align-items:center;justify-content:center}.js-app .lg-dialog__content.active{display:flex}.js-app .lg-dialog__overlay{width:100%;height:100%;z-index:101;position:fixed}.js-app .lg-dialog{position:relative;max-height:90%;max-width:1200px;box-shadow:-2px 0 15px 8px rgba(10,10,10,0.2);border-radius:4px;z-index:102;background:#fff}.js-app .lg-dialog__close{position:absolute;top:20px;right:20px;border:none;width:25px;height:25px;display:flex;font-size:20px;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#cdcfd0;padding:0;line-height:25px}.js-app .lg-dialog__body{padding:40px 40px 60px}.js-app hr{margin-top:20px}