*{padding:0;margin:0;box-sizing:border-box}body{font-family:lato-regular;height:100%;font-size:13px;line-height:1.4em}.Container{width:100%;height:100vh;max-height:100vh;display:flex;align-items:stretch}.ContainerChild{display:flex;flex-direction:column;min-height:0;min-width:0}.block-mobile{display:none}@media (orientation:portrait){.Container{flex-direction:column}.ContainerChild{width:100%}}@media screen and (max-width:768px){.Container{overflow-x:auto}}@media screen and (max-width:480px){.Container{height:auto;min-height:100vh;max-height:none;overflow-y:auto;overflow-x:hidden}}.engraving{width:60%;min-width:min(100%,300px);z-index:2;overflow:hidden;flex:1 1 50%;flex-direction:column}.engraving,.engravingWrapper{min-height:0;height:100%;display:flex;align-items:stretch}.engravingWrapper{width:100%;max-width:100%;flex:1 1 auto;background-color:#f3f3f3;padding:20px;flex-direction:column;box-sizing:border-box}.engravingHeader{display:block;text-align:right;padding-bottom:20px;height:50px;flex-shrink:0}.engravingHeader .disabled,.engravingHeader .divAsButton,.engravingHeader .selected{font-family:lato-bold;border:1px solid #000;padding:5px 7px;display:inline-block;font-weight:900;text-align:center}.engravingArea{float:left;white-space:nowrap}.divAsButton:hover{color:#fff;background-color:#666;cursor:pointer}.selected{color:#fff;background-color:#000}.selected:hover{cursor:pointer}.engravingBody{width:100%;flex:1 1 auto;min-height:0;height:auto;--engrave-canvas-scale:1;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:center;box-sizing:border-box}.engravingFooter{padding:20px 0;height:auto;min-height:100px;flex-shrink:0}.wagenButton{display:inline-block}.buttonToChart{background-color:#000;color:#fff;padding:5px 7px;border:1px solid #000;font-family:lato-bold;font-size:13px;float:right}.buttonToChart:hover{cursor:pointer}.spinner{position:absolute;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.popup-overlay{background-color:#4e4e4e!important}.canvas-container{margin:0 auto}#backsideContainer,#frontsideContainer{width:100%;max-width:100%;overflow:hidden;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start}#backsideContainer .canvas-container,#frontsideContainer .canvas-container{margin-left:auto;margin-right:auto}.popup-container{display:flex;flex-direction:column;justify-content:space-around}.vertical-div{writing-mode:vertical-rl;text-orientation:mixed;margin:auto}@media (orientation:portrait){.engravingArea{display:inline;margin:auto}.engraving{width:100%;flex:1 1 auto;min-height:0;overflow:hidden}.vertical-div{writing-mode:horizontal-tb!important}.zommDiv{flex-direction:column}}@media screen and (max-width:768px){.engravingWrapper{padding:12px 10px 0}.engravingHeader{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px;text-align:left;padding-bottom:12px;height:auto;min-height:50px}.engravingArea{float:none;width:100%;font-size:13px;order:1}.engravingHeader .disabled,.engravingHeader .divAsButton,.engravingHeader .selected{order:2;padding:8px 12px;font-size:12px}.engravingBody{min-height:160px;max-height:42vh;overflow:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:stretch;width:100%;flex:1 1 auto}.engraving{flex:1 1 auto;min-height:0;overflow:visible;width:100%}#backsideContainer,#frontsideContainer{position:relative;max-width:100%;overflow:hidden;flex-shrink:0}#backsideContainer .canvas-container,#frontsideContainer .canvas-container{touch-action:manipulation;pointer-events:auto}.engravingFooter{position:sticky;bottom:0;z-index:15;background:#f3f3f3;padding:12px 10px max(12px,env(safe-area-inset-bottom));margin:0 -10px;box-shadow:0 -2px 10px rgba(0,0,0,.08)}.engravingFooter table{width:100%;font-size:13px}.engravingFooter .priceBox{margin-bottom:10px}.engravingFooter td{padding:4px 0}.engravingFooter a{padding:4px 6px;margin:-4px -6px;display:inline-block}.buttonToChart,.wagenButton{display:block;width:100%}.buttonToChart{float:none;padding:14px 10px;font-size:15px;text-align:center;min-height:48px}}.tools{background-color:#1a1a1a;flex:0 0 auto;width:56px;min-height:-moz-fit-content;min-height:fit-content;height:auto;overflow-x:hidden;overflow-y:auto;z-index:2}.tools-wrapper{height:100%;justify-content:flex-start;padding:12px 0;grid-gap:16px;gap:16px}.tools-wrapper,.tools-wrapper>div{display:flex;flex-direction:column;align-items:center}.tools-wrapper>div{grid-gap:4px;gap:4px;max-width:40px}.tools-wrapper>div>div{cursor:pointer;padding:8px;border-radius:6px;transition:background-color .15s ease}.tools-wrapper>div>div:hover{background-color:hsla(0,0%,100%,.1)}.tools-wrapper>div>div:active{background-color:hsla(0,0%,100%,.15)}.tools-wrapper svg{display:block;width:24px;height:24px}.tools-wrapper svg path{fill:#aaa;transition:fill .15s ease}.tools-wrapper>div>div:hover svg path{fill:#fff}.textImagePic path,.tools-wrapper>div>div:hover .textImagePic path{fill:#b39964}.mobile-screen{background-color:#b39964}#wwl-logo{display:none}.tooltip-width{min-width:120px}#wwl-logo{display:block}@media (orientation:portrait){.tools{flex:0 0 auto;width:100%;min-height:48px}.tools-wrapper{width:100%;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:8px;grid-gap:4px;gap:4px}.tools-wrapper>div{margin-top:0;flex-direction:row;max-width:none;display:flex;grid-gap:2px;gap:2px}.tools-wrapper>div>div{padding:6px}.tools-wrapper svg{width:22px;height:22px}#wwl-logo{display:none}}@media (max-width:1200px){#wwl-logo{display:none}}@media screen and (max-width:480px){.tools{position:sticky;top:0;z-index:20;min-height:48px;box-shadow:0 2px 8px rgba(0,0,0,.15)}}.content-options{width:35%;height:100%;min-width:0;flex-shrink:1}.content-wrapper{display:flex;flex-direction:column;justify-content:center;height:100%}.text-options{width:90%;height:80%;margin:auto}.text-options>div>div{padding:10px 0}.text-options .font-area,.text-options .rangeArea{font-size:10px;font-family:lato-black}.rangeArea div{display:flex;align-items:center;grid-gap:8px;gap:8px}.rangeArea span{flex:0 0 auto;width:35%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rangeArea input{flex:1 1 auto;min-width:0}.rangeArea label{flex:0 0 auto;min-width:2.5em;text-align:right}input[type=range]{-webkit-appearance:none;height:2px;border-radius:4px;background-color:#000;margin:auto}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:10px;background-color:#b39964;overflow:visible;cursor:pointer}.font-area{margin-bottom:10px}.font-area div{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.font-area>div>span{flex:0 0 auto;width:25%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-area>div>div{flex:1 1 auto;min-width:0;display:flex;align-items:center;grid-gap:6px;gap:6px}.svgContainer svg{width:30px;height:30px}.slectContainer{width:70%;border:none;font-size:1.7em;margin-left:8%}.slectContainer option{font-size:1.05rem;padding:.3rem 0}.disabled{background-color:#ccc}.sendButton{display:flex}.mobileButton,.sendButton label,.sendButton span{font-family:lato-bold;color:#000;margin:3px auto auto;border:1px solid #000;padding:5px 7px;text-align:center;display:inline-block;text-transform:uppercase}.sendButton span:hover{color:#fff;background-color:#000;cursor:pointer}.image-options{height:100%;text-align:center}.refused{height:500px;padding:20px}.refused span{margin:10px;text-align:left;display:block}.accepted div span{display:block}.uploadArea{padding:20px;text-align:left;font-size:10px}input[type=file]{display:none}.custom-file-upload{border:1px dashed #000;display:flex;justify-content:center;align-items:center;padding:5px 7px;cursor:pointer;width:75%;height:50px;margin:20px auto;text-transform:uppercase;font-family:lato-bold}.custom-file-upload div{margin-right:5px}.black{background-color:#000}.canvasContiner{width:auto;max-height:calc(100vh - 350px);max-width:95%}.contrast-area{display:flex;width:80%;margin:15px auto}.closeImageOption,.hide-content-button{display:none}.gallery-wrapper{height:100%;position:relative}.gallery-container{overflow-y:scroll;max-height:100%}.gallery-options{display:flex;flex-wrap:wrap}.gallery-image{width:24%;margin:.5%}.gallery-empty{margin-left:10px}.gallery-category{width:49%;margin:.5%;display:block;padding:40px 15px;background:#ecf0f1;cursor:pointer;text-align:center;font-size:16px}.gallery-category:hover{background:#cfd9db}.sticky{position:sticky;top:0}@media (orientation:portrait){#content{flex:2 1;height:100vh;width:100%;position:fixed;z-index:-1;background-color:#fff;opacity:.8}.hide-content-button{display:block;font-size:x-large;text-align:right;margin:10px 10px 0 0}}@media screen and (max-width:768px){#content{position:static!important;flex:0 0 auto;height:auto!important;min-height:200px;max-height:50vh;overflow-y:auto;overflow-x:hidden;z-index:2;opacity:1;-webkit-overflow-scrolling:touch;border-bottom:1px solid #e0e0e0;transition:opacity .2s ease}}@media screen and (max-width:768px){#content.content-panel-closed{display:none!important}.content-options{width:100%;min-height:0}.content-wrapper{padding:12px 14px}.text-options .font-area,.text-options .rangeArea{font-size:13px}.slectContainer{min-height:44px;font-size:16px;padding:10px 12px}.sendButton label,.sendButton span{min-height:44px;padding:12px 16px;font-size:14px}.hide-content-button{min-width:44px;min-height:44px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;font-weight:700;padding:10px;margin:4px 8px 0 0;-webkit-tap-highlight-color:transparent}}.searchbox{margin:10px}.back-button{cursor:pointer;background-color:#f3f3f3!important}.image-options,.text-options{overflow:scroll}#gallery-preview{position:absolute;display:none;left:100%;margin:20px;background:#fff;border:1px solid #bbb;border-radius:4px;padding:10px;text-align:center}#gallery-preview img{width:300px}#gallery-preview span{font-size:17px}#gallery-preview.show{display:block}.InputAddOn{display:flex;margin-bottom:1.5em}.InputAddOn-field{flex:1 1}.InputAddOn-field:not(:first-child){border-left:0}.InputAddOn-field:not(:last-child){border-right:0}.InputAddOn-item{background-color:rgba(147,128,108,.1);color:#666;font:inherit;font-weight:400}.InputAddOn-field,.InputAddOn-item{border:1px solid rgba(147,128,108,.25);padding:.5em .75em}.InputAddOn-field:first-child,.InputAddOn-item:first-child{border-radius:2px 0 0 2px}.InputAddOn-field:last-child,.InputAddOn-item:last-child{border-radius:0 2px 2px 0}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-left:before{content:"\f177"}.icon-search:before{content:"🔍"}@font-face{font-family:lato;src:url(/packs/media/Components/fonts/lato-0b51cf32bbc2d8b8d840c80c77a84a31.ttf) format("truetype")}@font-face{font-family:lato-regular;src:url(/packs/media/Components/fonts/Lato-Regular-9919edff6283018571add043109dc20b.ttf) format("truetype")}@font-face{font-family:lato-black;src:url(/packs/media/Components/fonts/Lato-Black-0b51cf32bbc2d8b8d840c80c77a84a31.ttf) format("truetype")}@font-face{font-family:lato-bold;src:url(/packs/media/Components/fonts/Lato-Bold-5dd5aa0269395f0ea92763e6cb3bc07a.ttf) format("truetype")}@font-face{font-family:Abel;src:url(/packs/media/Components/fonts/Abel-e8b810b8f2364e791205d6f12c5be3bf.ttf) format("truetype")}@font-face{font-family:Audiowide;src:url(/packs/media/Components/fonts/Audiowide-d9088cb625e0abd3829c6f011870c150.ttf) format("truetype")}@font-face{font-family:Bitter;src:url(/packs/media/Components/fonts/Bitter-fdfe9d416626fbc3fddcca10b71b3f48.ttf) format("truetype")}@font-face{font-family:boldBitter;src:url(/packs/media/Components/fonts/boldBitter-0f65a42ed90d10e60d43473aa8ffdfb9.ttf) format("truetype")}@font-face{font-family:Bitteritalic;src:url(/packs/media/Components/fonts/Bitteritalic-b934676628be144fdfade92ad5b8767a.ttf) format("truetype")}@font-face{font-family:CarterOne;src:url(/packs/media/Components/fonts/CarterOne-087378fa59f33034a3ef685afa44bbb3.ttf) format("truetype")}@font-face{font-family:Cinzel;src:url(/packs/media/Components/fonts/Cinzel-7eaa74b340191c6106277b0068cf39f9.ttf) format("truetype")}@font-face{font-family:boldCinzel;src:url(/packs/media/Components/fonts/boldCinzel-0d2ac0e13d53bb3748e13343f8f05cf2.ttf) format("truetype")}@font-face{font-family:Graduate;src:url(/packs/media/Components/fonts/Graduate-990f390ba484ddf3d5e0edcb2bee5201.ttf) format("truetype")}@font-face{font-family:GreatVibes;src:url(/packs/media/Components/fonts/GreatVibes-e45e6e2ddb17d288adcbca370ea68500.ttf) format("truetype")}@font-face{font-family:Kameron;src:url(/packs/media/Components/fonts/Kameron-bb48f1f7044942b0e6b366c3942d4065.ttf) format("truetype")}@font-face{font-family:boldKameron;src:url(/packs/media/Components/fonts/boldKameron-faa0f2b611d139b4b451cd38dce701ab.ttf) format("truetype")}@font-face{font-family:LobsterTwo;src:url(/packs/media/Components/fonts/LobsterTwo-3fa2e7a5ef647f8da1f2b1acabd8cbde.ttf) format("truetype")}@font-face{font-family:boldLobsterTwo;src:url(/packs/media/Components/fonts/boldLobsterTwo-a7c37ac758976786d28c4021dc014f64.ttf) format("truetype")}@font-face{font-family:boldLobsterTwoitalic;src:url(/packs/media/Components/fonts/boldLobsterTwoitalic-66907c706f6e9141cf16ebd17b7453d6.ttf) format("truetype")}@font-face{font-family:LobsterTwoitalic;src:url(/packs/media/Components/fonts/LobsterTwoitalic-40090f4aadc1f04a4df6a402bbfacfc4.ttf) format("truetype")}@font-face{font-family:Michroma;src:url(/packs/media/Components/fonts/Michroma-c12a12d1198168c8509709ee419ac6c0.ttf) format("truetype")}@font-face{font-family:Monda;src:url(/packs/media/Components/fonts/Monda-9131653018528b195d57fb8a79fc4e9e.ttf) format("truetype")}@font-face{font-family:boldMonda;src:url(/packs/media/Components/fonts/boldMonda-b8134d4689745c23b760fcbd6e9ae0d9.ttf) format("truetype")}@font-face{font-family:Niconne;src:url(/packs/media/Components/fonts/Niconne-8cf4db57de19f4d203492dab1165a2c0.ttf) format("truetype")}@font-face{font-family:boldOleoScript;src:url(/packs/media/Components/fonts/boldOleoScript-9f2a6e398434ad4fb383aa9d00d675e7.ttf) format("truetype")}@font-face{font-family:OleoScript;src:url(/packs/media/Components/fonts/OleoScript-858b876ed790463b32518e2dd6d6c6fc.ttf) format("truetype")}@font-face{font-family:Play;src:url(/packs/media/Components/fonts/Play-9d4887190881e9da6e47a642e74aa265.ttf) format("truetype")}@font-face{font-family:boldPlay;src:url(/packs/media/Components/fonts/boldPlay-543d6025dd5c63651d22c72144f60f69.ttf) format("truetype")}@font-face{font-family:PlayfairDisplay;src:url(/packs/media/Components/fonts/PlayfairDisplay-34a18e8fb1c1542162f56918f7f61e3c.ttf) format("truetype")}@font-face{font-family:boldPlayfairDisplay;src:url(/packs/media/Components/fonts/boldPlayfairDisplay-942b980e28bf8d1761082ce951ed0e30.ttf) format("truetype")}@font-face{font-family:PlayfairDisplayitalic;src:url(/packs/media/Components/fonts/PlayfairDisplayitalic-11107f9c4a59cce6d47da1b446fa0c9a.ttf) format("truetype")}@font-face{font-family:boldPlayfairDisplayitalic;src:url(/packs/media/Components/fonts/boldPlayfairDisplayitalic-6b43d67d32ea64b9e83371d092541902.ttf) format("truetype")}@font-face{font-family:PTSans;src:url(/packs/media/Components/fonts/PTSans-334e18134af8ff169983ff1e4576e0ca.ttf) format("truetype")}@font-face{font-family:boldPTSans;src:url(/packs/media/Components/fonts/boldPTSans-4597bd693b40f5010303ccffc8914cc6.ttf) format("truetype")}@font-face{font-family:boldPTSansitalic;src:url(/packs/media/Components/fonts/boldPTSansitalic-928ac59f167f7d14b406664b5e26b314.ttf) format("truetype")}@font-face{font-family:PTSansitalic;src:url(/packs/media/Components/fonts/PTSansitalic-468c5f35d044d58761ac0d1835d8cc6c.ttf) format("truetype")}@font-face{font-family:Raleway;src:url(/packs/media/Components/fonts/Raleway-38bff7e0cf0d28b234283e9564cdf803.ttf) format("truetype")}@font-face{font-family:boldRaleway;src:url(/packs/media/Components/fonts/boldRaleway-6e5949c53c021f057c441b833430ec3d.ttf) format("truetype")}@font-face{font-family:boldRalewayitalic;src:url(/packs/media/Components/fonts/boldRalewayitalic-5acd54532f4871fb1ca993e5b11503dc.ttf) format("truetype")}@font-face{font-family:Ralewayitalic;src:url(/packs/media/Components/fonts/Ralewayitalic-13a12e09e6474018e7c80926bd663d4f.ttf) format("truetype")}@font-face{font-family:RobotoSlab;src:url(/packs/media/Components/fonts/RobotoSlab-a53f435cf7f3b6203c7f1b288a0b61f1.ttf) format("truetype")}@font-face{font-family:boldRobotoSlab;src:url(/packs/media/Components/fonts/boldRobotoSlab-067c5b8d28f17e0961cdc3a68058900e.ttf) format("truetype")}@font-face{font-family:Teko;src:url(/packs/media/Components/fonts/Teko-7a95ca68e10f99abf9f72a3eb7b6afe0.ttf) format("truetype")}@font-face{font-family:VastShadow;src:url(/packs/media/Components/fonts/VastShadow-b99f00512eac4913d7925bb98b087f19.ttf) format("truetype")}@font-face{font-family:fontello;src:url(/packs/media/Components/fonts/fontello-acf6ba4569e6586a8baa3fc0d76781a0.ttf) format("truetype");font-weight:400;font-style:normal}