.sidePaneModal.ColorPicker{position:absolute;width:100%;display:flex}.colorPickerSwatch{margin:20px 8px 31px}.colorPickerSwatch .productColor.active:before{border:solid #fff;border-width:0 1px 1px 0;content:"";height:12px;left:11px;position:absolute;top:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.colorPickerSwatch .productColor.active.blackCheckmark:before{border-color:#000}.productColor{border:2px solid #cdcdcd;border-radius:50%;cursor:pointer;height:30px;margin:5px;width:30px}.productColor.active{border:2px solid #cdcdcd;box-shadow:none;height:30px;width:30px}.productColor.disabled{cursor:not-allowed}.highlight{display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 0 2px #08080d;width:40px;height:40px}@media only screen and (max-width:1040px){.highlight{margin-left:2px}}.displayRow{display:flex;flex-direction:row}.addImageButton{margin-right:9px}.addGraphicsLayerButton{background:transparent;color:#08080d;margin-left:0!important;font-weight:400}.addGraphicsLayerButton:focus,.addGraphicsLayerButton:hover{color:#08080d}.graphics-thumbnails-grid{display:grid;grid-template-columns:auto auto auto;grid-column-gap:12px;grid-row-gap:12px;margin-top:32px}.graphics-thumbnail-img{background:url(https://teespring-usercontent.s3.amazonaws.com/preloaded-graphics/Checker+Pattern.png);cursor:pointer}@media only screen and (max-width:767px){.graphics-thumbnail-img{width:100%}}.divider-with-text{border-bottom:1px solid #edeff3;width:100%;height:14px;text-align:center;margin-bottom:20px}.divider-with-text span{background-color:#fff;padding:0 10px}.addImageLayerButton,.addTextLayerButton{width:183px;height:50px;display:flex;justify-content:center;align-items:center;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#262626;background:#fff;border:1px solid #d9d9d9;border-radius:16px}.addImageButton{margin-left:9px}span.addImageButton{color:#000}@media only screen and (max-width:1024px){.addImageLayerButton,.addTextLayerButton{width:158px}}.creatorsTargetPricing{color:#017b40;margin-left:5px}.priceContainer{width:250px;height:50px;border:1px solid #d9d9d9;border-radius:8px;position:relative}.priceCurrency{font-family:"DM Sans";font-style:normal;font-weight:500;font-size:24px;line-height:31px;letter-spacing:-.02em;color:#08080d;left:20px;position:absolute;top:9px}.priceCurrency.error{color:#df0403}.profitDisplay{height:24px;font-family:"Inter";font-style:normal;font-weight:400;font-size:14px;line-height:24px;letter-spacing:-.01em;color:#017b40;text-align:right}.profitDisplay .error{color:#df0403}.sizeName{display:inline;margin-left:15px}.formGroup .form__textarea.priceInput,.formGroup .form__textfield[type].priceInput{width:250px;height:50px;font-family:"Inter";font-style:normal;font-weight:400;font-size:20px;line-height:24px;border-radius:8px;padding:10px 45px;z-index:0;opacity:1;border:0}@media only screen and (max-width:1024px){.priceContainer{width:187px}}.currencyToggle{float:left}.currencyToggle .dropdown__toggle{color:#b8bcc5;border:none;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.currencyToggle .dropdown__menu{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.regionTitle:not(.editPriceMessage){display:flex;place-content:space-between;align-items:center}.regionTitle:not(.editPriceMessage) .dropdown--popover .dropdown__toggle:after{top:50%}.dropdown--popover .dropdown__toggle{padding-right:16px}.dropdown--popover .dropdown__toggle:after{top:40%;right:0}.dropdown--popover .dropdown__menu{top:26px;right:-15px}.dropdown--popover .dropdown__menu_item{padding-bottom:4px}.priceRegions .formGroup:first-child{margin-top:6px}.vat-note{text-align:right;margin-top:10px;margin-bottom:20px}.vat-note-icon{width:16px;height:16px;margin-left:5px;margin-right:6px;position:relative;top:3px;background-image:url(https://db47s12u9ezcy.cloudfront.net/static/media/info.012f00cf.svg);background-size:contain}.button1{position:relative;width:378px;height:36px;overflow:hidden}.button1.r,.button1.r .layer{border-radius:100px}.button1.b2{width:378px;height:42px;margin:20px 0 5px;border:1px solid #d9d9d9;border-radius:13px}.checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1}#button-region .knobs:after,#button-region .knobs:before,#button-region .knobs span{position:absolute;display:flex;justify-content:center;align-items:center;top:0;width:188px;height:100%;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px;-webkit-transition:all .3s ease;transition:all .3s ease}#button-region .knobs:before{content:"";left:0;background-color:#000}#button-region .knobs:after{content:"EU";right:0;color:#000}#button-region .knobs span{left:4px;color:#fff;z-index:1}#button-region .checkbox:checked+.knobs span{color:#4e4e4e}#button-region .checkbox:checked+.knobs:before{left:50%;background-color:#000}#button-region .checkbox:checked+.knobs:after{color:#fff}@media only screen and (max-width:1024px){.button1.b2{width:auto;height:42px;margin:20px 0 5px;border:1px solid #d9d9d9;border-radius:13px}#button-region .knobs:after,#button-region .knobs:before,#button-region .knobs span{position:absolute;display:flex;justify-content:center;align-items:center;top:0;width:50%;height:100%;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px;-webkit-transition:all .3s ease;transition:all .3s ease}}.label-US{display:flex;align-items:center;justify-content:center;height:42px;border-radius:13px;color:#fff;background-color:#000;margin:20px 0 5px;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px}.currentShotDescription{font-size:14px;margin-top:-4px;position:relative}.currentShotDescription span{display:inline-block}.currentShotDescription span:first-letter{text-transform:uppercase}.currentShotDescription .button{float:right;position:absolute;right:0;top:-10px}.productShotSection{padding-bottom:24px}.productShotSection .button{color:#1954eb;padding:8px 5px}.productShotSectionTitle{width:332px;height:46px;font-family:"DM Sans";font-style:normal;font-weight:500;font-size:18px;line-height:23px;letter-spacing:-.02em;color:#767676;margin:30px 0}.productShotSectionDesc{width:209px;height:17px;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#08080d}.accordion-content{width:421px;background:#f8f8f8;margin-left:-37px;padding-left:18px;display:flex;flex-direction:column}@media only screen and (max-width:1024px){.accordion-content{width:105%}.productShotSectionTitle{width:60%}}.accordion-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:"DM Sans";font-style:normal;font-weight:500;font-size:18px;line-height:23px;letter-spacing:-.02em;color:#000;padding:10px 0;cursor:pointer}.accordion-parent{position:relative;padding-left:20px}.accordion-button{width:100%;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:700px){.accordion{width:90%}.accordion-content{width:-webkit-max-content;width:-moz-max-content;width:max-content;background:#fff}.productShotSectionTitle{width:332px}}.mockupSelectorContainer{width:376px;height:109px;background:#fff;border:1px solid #d9d9d9;border-radius:16px;margin:24px 0 30px;padding:16px;grid-gap:10px;gap:10px;display:flex;justify-content:center}.mockupSelectionInfo{font-weight:100;font-family:"DM Sans";color:#767676;display:inline;text-transform:capitalize}.featuredMockupSelection{display:inline;height:17px;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px;letter-spacing:-.01em;color:#08080d}.row{display:flex}.row .col{flex:1 1}.row .col:last-child{margin-left:1em}@media only screen and (max-width:1024px){.mockupSelectorContainer{width:320px}.mockupSelector{width:67px}}.colorSelectorContainer{margin:16px 20px 8px 0}.featuredColorSelection{margin:20px 8px 31px;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;line-height:17px}.featuredColorSelection .productColor.active:before{border:solid #fff;border-width:0 1px 1px 0;content:"";height:12px;left:11px;position:absolute;top:7px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}.featuredColorSelection .productColor.active.blackCheckmark:before{border-color:#000}.colorSelectionInfo{font-weight:100;font-family:"DM Sans";color:#767676;display:inline;text-transform:capitalize}.switch__label{position:relative}.switch__input,.switch__input[disabled]{position:absolute;opacity:0}.switch__el{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:5rem;height:2.125rem;background-color:#d8dae0;border-radius:1.25rem;box-shadow:inset 0 2px 3px #cccfd5;-webkit-transition:all .1s;transition:all .1s}.switch__el:before{text-align:left;content:attr(data-off);color:#fff;width:100%;font-size:.875rem;font-weight:600;letter-spacing:1px;position:absolute;top:.6875rem;left:2.5rem}.switch__el:after{border-radius:.875rem;display:block;content:"";background:#fff;height:1.875rem;width:1.875rem;position:absolute;left:2px;top:2px;-webkit-transition:all .1s;transition:all .1s}.switch__input:checked+.switch__el{background-color:#5ec8d5;box-shadow:inset 0 2px 3px #3ebdcd}.switch__input:checked+.switch__el:before{content:attr(data-on);left:1rem}.switch__input:checked+.switch__el:after{left:calc(100% - 32px)}.switch__input[disabled]+.switch__el{opacity:.4}.editPriceMessage{margin-bottom:24px}.editPriceMessage .applyToAllCheckbox{padding:24px 0}.editPriceMessage .applyToAllDescription{display:flex;justify-content:flex-end}.editPriceMessage .applyToAllDescription .subtitle{flex:0 0 70%}.editPriceMessage .applyToAllDescription .check_box{margin-left:auto}.editPriceMessage .applyToAllDescription .check_box .switch__input:checked+.switch__el{background-color:#08080d;box-shadow:inset 0 2px 3px #08080d}.editPriceMessage .switch__el:before{top:.4375rem}.mockupSelector{background:#f6f6f9;cursor:pointer;height:77px;position:relative;width:77px;border-radius:12px}.mockupSelector.selected:after{width:16px;height:16px;background-color:#1954eb;border-radius:4px;color:#fff;content:"\2714";display:inline-block;font-size:13px;left:5px;margin-right:10px;padding:0 2px;position:absolute;top:5px;z-index:1}.mockupSelector.selected{border:1px solid #1954eb}.mockupSelector .mockupPreviewImage{max-width:100%;border-radius:12px}@media only screen and (max-width:1024px){.mockupSelector{width:67px;height:67px}}@media screen and (min-width:1400px){.ColorSwitcher{margin-top:20px}}@media only screen and (max-width:767px){.ColorSwitcher{align-items:center;display:flex;flex-direction:row;justify-self:center;margin:0 -12px;overflow-x:auto;overflow-y:hidden;padding:0 12px;white-space:nowrap}.ColorSwitcher.withMobileScroll{max-width:calc(100% - 18px)}.ColorSwitcher .SelectedColors{display:flex}.ColorSwitcher .RightArrowIcon{color:#2e2e2e;position:absolute;right:10px}.ColorSwitcher .RightArrowIcon.inactiveScroll{color:#bbb}}@media only screen and (max-width:767px) and (max-width:1040px){.ColorSwitcher{padding:120px 20px 54px}}.DesignArea{align-items:center;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media only screen and (max-width:767px){.DesignArea{order:-1}}.DesignBase{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;display:inline-block;position:relative;user-select:none;z-index:1}.DesignBase g>text{visibility:hidden}.DesignBase g>foreignObject{-webkit-text-decoration-skip:none;text-decoration-skip:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.DesignBase [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:nowrap}.DesignBase [contenteditable]:focus{outline:0 solid transparent}.DesignBase .Editor{margin:0;position:relative;-webkit-transform-origin:0 0 0;transform-origin:0 0 0}.DesignBase .designSvg{position:absolute;z-index:2}.DesignBase .designSvg g{cursor:pointer}.DesignBase .mask{display:block;height:100%;pointer-events:none;position:absolute;width:100%;z-index:3}.DesignBase .printableArea{pointer-events:none;position:absolute;z-index:4}.DesignBase .printableArea.outlined{border:1px dashed #ee2761;border-image-source:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKAQMAAABYPjbAAAAABlBMVEUAAADuJ2Hma6fOAAAAAXRSTlMAQObYZgAAABVJREFUCNdjePAAhA4kMCABIBciDgCLPglB1HjPmgAAAABJRU5ErkJggg==");border-image-slice:1;border-image-repeat:round}.DesignBase .printableArea.outlined .printableAreaInfoIcon{position:absolute;bottom:-9px;left:-9px;width:18px;height:18px;display:block;pointer-events:auto;background:50%/contain no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAflBMVEUAAAC5vca5vca6vse5vcW4vcW5vMW5vMa8v8e7wce/v8jMzMy5vce4vMW4vMa4vcW5vcW4vcb///+4vMYoJWLZ2eKQj679/f7t7vH5+fr39/j19fff4eXc3uLO0dfJzNPn6Ovx8fWwr8WYlrRKSHtBP3TNzNvFxdUxLmkuK2dlzpnAAAAAEnRSTlMA+Z7+8+6sUEQtHApt2b/YvmzygClLAAABHklEQVQ4y5WUa1uDMAyFbSmwMW7rActthU3n5f//QRFdU6zDej6275PkyUny8G8dYl4WQhQljw93kH3EYMSi/S9IwgGMQ9Mr1TfDCIAnP5ldiKBupVFbBwh3ayZl0J1cqdNgxxUDnKSjE5BauRim2496PRtqAjMZk5DiTNfq/WLFCm/Vc2jz/FRV1TNl1ODf/UHQ3YO6AF/9ilDTa3Ot3i6SVCNavGBoJUm9nKWlFuzToRij3NCIeCl7sMPPNT3a0LCUnqPZghrkM5Sh34J6ZDMkoLYgBeEF+aQrfAovPVtAzSTIaSbZQpBjCxlMkGswjQpB7qjQ0LmQBnfGlyAaX2cRSLQIf6/U0WM5U8819z8Y/qeHjlieCZHldMT89QEuUkJ/+c4PVAAAAABJRU5ErkJggg==")}.DesignBase .printableArea .layerStats{border-radius:2px;color:#fff;display:inline-block;font-size:14px;height:30px;line-height:30px;margin:8px -50% 0;opacity:.9;position:relative;white-space:nowrap;background:#08080d;border-radius:12px;right:40px;font-family:"Inter";padding:0 10px}.DesignBase .printableArea .layerStats .greatImageQuality{color:#70ce66}.DesignBase .printableArea .layerStats .poorImageQuality{color:#ee2761}.DesignBase .selectBox{cursor:pointer;display:none;pointer-events:none;position:absolute}.DesignBase .selectBox.poorQualitySelectBox .selectDisplay{border:1px solid #ee2761}.DesignBase .selectDisplay{border:1px solid #b8bcc5;height:100%;pointer-events:none;position:relative;width:100%}.DesignBase .handle{background-color:#fff;display:block;height:7px;left:-4px;pointer-events:all;position:absolute;top:-4px;width:7px}.DesignBase .handle.rotate{background-image:url(https://db47s12u9ezcy.cloudfront.net/static/media/rotate-icon.51d1cf2d.svg);background-size:100%;top:-13px;background-position:50%;background-repeat:no-repeat}.DesignBase .handle.rotate,.DesignBase .handle.scale{width:24px;height:24px;left:auto;right:-13px;border-radius:50%}.DesignBase .handle.scale{background-image:url(https://db47s12u9ezcy.cloudfront.net/static/media/scale-icon.a2300470.svg);bottom:-9px;top:auto}.DesignBase .handle.remove{background-image:url(https://db47s12u9ezcy.cloudfront.net/static/media/remove-icon.2f878fe8.svg);width:24px;height:24px;background-size:100%;left:-13px;top:-13px;background-position:50%;background-repeat:no-repeat;border-radius:50%}.DesignBase .handle.bottomLeft{bottom:-4px;top:auto;background:#fff;box-sizing:border-box;border:1px solid #1954eb}.GridLines{height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.GridLines .GridLine{background-color:rgba(89,200,214,.6);opacity:0;position:absolute;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.GridLines .GridLineX{height:100%}.GridLines .GridLineY{width:100%}.GridLines.active .GridLine{opacity:1}.DesignToolbar{color:#6a6f72;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;z-index:0;width:221px}.OrientationSwitcher{align-items:center;color:#2e2e2e;cursor:pointer;display:flex;justify-content:center;font-family:"Inter",sans-serif;font-size:14px;line-height:15px;padding:16px}.OrientationSwitcher .rotateCw{-webkit-transition:all .5s linear;transition:all .5s linear}.OrientationSwitcher .rotateCcw{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.OrientationSwitcher .rotate-icon{color:#08080d;margin:0 4px}.mockupPreviewToggle{height:40px;background:#fff;border:1px solid #d9d9d9;border-radius:13px}.mockupPreviewToggle .button{width:221px;border:none;font-family:"Inter";font-style:normal;font-weight:500;font-size:14px;letter-spacing:-.01em;height:100%}.mockupPreviewToggle .button:first-child{width:113px;border-radius:12px;padding-right:16px}.mockupPreviewToggle .button:last-child{width:106px;border-radius:12px}.mockupPreviewToggle .button--tertiary{background-color:transparent;color:#08080d}.mockupPreviewToggle .button--secondary{cursor:default;background-color:#08080d;border:1px solid #08080d}.mockupPreviewToggle .button--secondary:hover{color:#fff}.mockupPreviewToggle .message-icon-margin{margin-right:8px}@media only screen and (max-width:1040px){.mockupPreviewToggle .message-icon-margin{margin-right:8px}}.ProductCustomizer{display:flex;height:100%;text-align:center}.ProductCustomizer .ColorSwitcher{flex:0 0 80px;flex-direction:column}@media only screen and (max-width:767px){.ProductCustomizer .ColorSwitcher{flex:0 0 40px;flex-direction:row}}.ProductCustomizer .DesignArea{flex:1 1 auto;height:calc(100% - 62px)}@media only screen and (max-width:1040px){.ProductCustomizer .DesignArea{height:calc(100% - 90px)}}.ProductCustomizer h3{margin:0}.ProductCustomizer .mockupPreviewImage{max-height:100%;max-width:100%}@media only screen and (max-width:767px){.ProductCustomizer{flex-direction:column-reverse;margin-top:auto}}.productShotPicker .divider{margin-bottom:60px}
/*# sourceMappingURL=7.8c56afd5.chunk.css.map */