create-page{position:relative;display:flex;flex-flow:column;opacity:.5;transition:all .3s;pointer-events:none}create-page[initialized],create-page[initialized] #design,create-page[initialized] #design-picker{opacity:1;pointer-events:all}create-page vaadin-text-field,create-page vaadin-text-area{width:300px}create-page #image-container{width:100%;max-width:500px}create-page #image{width:100%;max-width:300px;max-height:300px;border-radius:var(--lumo-border-radius-m);border:var(--lumo-space-s) solid var(--lumo-shade-10pct)}create-page #config{box-sizing:border-box;position:relative;width:100%;margin-bottom:var(--lumo-space-l);padding-bottom:var(--lumo-space-l);border-bottom:1px solid var(--lumo-primary-color-10pct)}create-page #config .close{display:none}create-page #pg-picker,create-page #product-picker,create-page [part=config-container]{width:100%;max-width:calc(300px + var(--lumo-space-s) * 2)}create-page #design-picker{opacity:1}create-page #design-picker::part(container){box-shadow:none!important}create-page #design-picker::part(config-menu){display:none;pointer-events:none}create-page #design-picker::part(progress){display:none}create-page{display:flex;flex-flow:row;background-color:var(--lumo-shade-20pct);padding:0}create-page>*{flex:50%}create-page #design{background-color:var(--lumo-primary-color-50pct);background-image:var(--prnt-bg);background-size:600px;filter:opacity(.8) brightness(.8);box-shadow:inset 15px 0 30px -15px var(--lumo-primary-color-50pct);opacity:0;transition:all 1s}create-page #create-container{position:relative;padding:var(--lumo-space-l);border-right:1px solid var(--lumo-shade-10pct)}create-page .row{display:flex;flex-flow:column;gap:var(--lumo-space-s);border-bottom:1px solid var(--lumo-primary-color-10pct);margin-bottom:var(--lumo-space-l);padding-bottom:var(--lumo-space-l)}create-page .row>*{padding:0}create-page #create:hover{cursor:pointer;box-shadow:var(--lumo-box-shadow-s)}create-page vcf-slider::part(knob){cursor:pointer}create-page vcf-slider{margin-top:var(--lumo-space-m)!important}create-page #progress{position:absolute;height:100%;top:0;left:0;margin:0;opacity:0;transition:opacity .3s;pointer-events:none;--lumo-primary-color: var(--lumo-primary-color-50pct);z-index:1}create-page #progress.show{animation:progressBarPulse 5s ease-out infinite;pointer-events:all;opacity:1}create-page #progress::part(value){transition:width .5s}create-page #design-picker-controls{width:calc(300px + var(--lumo-space-s) * 2)}create-page #design-picker-controls vaadin-context-menu-item{margin:auto;width:fit-content;padding:var(--lumo-space-m)}create-page #design-picker-controls x-pd-nav::part(icon){cursor:pointer;width:var(--lumo-size-s)!important;height:var(--lumo-size-s)!important;color:var(--lumo-primary-color-50pct)}body:not([path=design]) vaadin-dialog-overlay[aria-label="Pattern generator settings"]{display:none}create-page [part=config-container],create-page [part=options]{display:flex;flex-flow:column;gap:var(--lumo-space-m)}create-page [part=options] .config-row{display:flex;flex-flow:row;gap:var(--lumo-space-m);align-items:center}create-page [part=options] .config-row>*{flex:1}@keyframes progressBarPulse{0%{opacity:.3}50%{opacity:.5}0%{opacity:.3}}store-page{padding:var(--lumo-space-l) 0 0 var(--lumo-space-l);box-sizing:border-box;position:relative}#product-grid{height:100%;overflow:auto}#product-grid-container{display:flex;flex-flow:row wrap;margin-bottom:var(--lumo-size-l);position:relative}#product-grid-container>*{flex:0 1 calc(16.6% - var(--lumo-space-l));width:calc(16.6% - var(--lumo-space-l))}#product-grid pd-product{z-index:1}#product-grid.loading pd-product{opacity:.5;pointer-events:none}#product-nav{font-size:var(--lumo-font-size-xl);display:flex;flex-flow:row;position:absolute;top:0;right:0;bottom:0;left:0;top:unset;padding:var(--lumo-space-s) var(--lumo-space-l);background-color:#0006;color:var(--lumo-base-color);align-items:center;z-index:2}#product-nav vaadin-button{margin:0 var(--lumo-space-m)}#product-nav vaadin-button[disabled] pd-icon{color:var(--lumo-shade)}#product-nav vaadin-button:hover{cursor:pointer;background-color:var(--lumo-tint-5pct)}#product-nav-controls{display:flex;flex-flow:row;margin:auto;align-items:center;-webkit-user-select:none;user-select:none;font-family:monospace;background-color:#000000e6;border-radius:var(--lumo-border-radius);padding:var(--lumo-space-s)}#product-nav pd-icon{height:var(--lumo-size-m);width:var(--lumo-size-m);color:var(--lumo-base-color)}@media only screen and (max-width: 2000px){#product-grid-container>*{flex:0 1 calc(20% - var(--lumo-space-l));width:calc(20% - var(--lumo-space-l))}}@media only screen and (max-width: 1600px){#product-grid-container>*{flex:0 1 calc(25% - var(--lumo-space-l));width:calc(25% - var(--lumo-space-l))}}@media only screen and (max-width: 1200px){#product-grid-container>*{flex:0 1 calc(33.3% - var(--lumo-space-l));width:calc(33.3% - var(--lumo-space-l))}}@media only screen and (max-width: 800px){#product-grid-container>*{flex:0 1 calc(50% - var(--lumo-space-l));width:calc(50% - var(--lumo-space-l))}}@media only screen and (max-width: 400px){#product-grid-container>*{flex:0 1 calc(100% - var(--lumo-space-l));width:calc(100% - var(--lumo-space-l))}}body:not([initialized]):not([path=design]){background:linear-gradient(120deg,var(--lumo-shade),var(--lumo-tint-80pct));background-size:300% 300%;animation:gradientShift 8s ease-in-out infinite,slightMove 4s ease-in-out infinite}body:not([initialized]):not([path=design]) main-layout{opacity:0}main-layout{opacity:1;transition:opacity .5s;animation:none}policy-page{position:relative;padding:var(--lumo-space-xl);font-family:var(--lumo-font-family);--prnt-text-2: rgb(59, 59, 59);--prnt-text-3: rgb(89, 89, 89)}policy-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--prnt-product-bg);transition:background-image .3s;filter:brightness(.4);opacity:.8;z-index:-1}policy-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,transparent 0%,rgba(246,247,249,1) 20%);z-index:-1}policy-page table{border-collapse:collapse}policy-page table td{padding:var(--lumo-space-s)}#policy-container{max-width:1000px;margin:auto 0;background-color:#fffffffc;padding:var(--lumo-space-xl);border-radius:var(--lumo-border-radius-l);position:relative;max-height:calc(100vh - 62px - var(--lumo-space-xl) * 4);overflow:auto;border:1px solid var(--lumo-shade-10pct);color:var(--lumo-primary-text-color)}#policy-container *:not(h1){color:#595959}#policy-container h3{color:#3b3b3b}#policy-container a{color:var(--lumo-primary-color)}#policy-container a:hover{color:#3030f1}product-page{position:relative;padding:0 0 var(--prnt-product-offset-top) 0;--prnt-product-offset-top: var(--vaadin-app-layout-navbar-offset-top)}product-page:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--prnt-product-bg);transition:background-image .3s;opacity:.4}product-page:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lumo-shade-70pct);z-index:-1}product-page vcf-anchor-nav-section::part(content){padding:0}product-page vcf-anchor-nav-section::part(header){display:none}product-page vcf-anchor-nav{overflow:hidden;opacity:0;transition:opacity .3s}product-page[mockups-loaded] vcf-anchor-nav{opacity:1}product-page vcf-anchor-nav,product-page vcf-anchor-nav-section img{width:var(--prnt-mockups-size, 500px);height:var(--prnt-mockups-size, 500px)}product-page #mockup-container{position:relative;background:var(--lumo-base-color)}product-page #mockup-container img[part=tab-img]{height:var(--lumo-size-l)}product-page #mockup-container vaadin-tabs{position:absolute;top:0;left:0;z-index:1;height:100%;box-shadow:none;background:var(--lumo-tint-5pct)}product-page #mockup-container vaadin-tab{margin-bottom:var(--lumo-space-s);cursor:pointer}product-page #header{display:flex;position:fixed;width:100%;align-items:center;border-bottom:1px solid var(--lumo-shade-20pct);top:var(--prnt-product-offset-top);background-color:#00000080;z-index:2;color:var(--lumo-base-color);transition:background-color .3s}product-page #header.scrolled{background-color:#000000d9}product-page #header vaadin-button{margin:0;color:var(--lumo-base-color);height:62px;width:62px;cursor:pointer;box-sizing:border-box;flex:0 0 62px}product-page #header vaadin-button:hover{background-color:var(--lumo-tint-50pct)!important}product-page #header h4{padding-right:var(--lumo-space-l);overflow:hidden;display:flex}product-page #header h4 #name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}product-page #header h4 #size{padding-left:6px;flex:1 1 auto;min-width:fit-content}product-page #product-container{position:relative;display:flex;padding-top:calc(var(--prnt-product-offset-top) + var(--lumo-space-s) - 2px);box-shadow:var(--lumo-box-shadow-l)}product-page #product-details-container{display:flex;flex:auto;background:var(--lumo-base-color)}product-page #product-details{line-height:var(--lumo-size-m);padding:var(--lumo-space-xl);font-weight:300;max-width:500px}product-page #product-details vaadin-button:hover{box-shadow:var(--lumo-box-shadow-xs);cursor:pointer}product-page #product-details vaadin-select{width:calc(var(--lumo-size-l) * 3)}product-page #product-details ul{padding-top:var(--lumo-space-l);padding-bottom:var(--lumo-space-m)}product-page #filler{background-color:var(--lumo-base-color);flex:auto;height:100%}product-page #loading{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s;background-color:var(--lumo-shade-5pct)}product-page[thumbnail-loaded]:not([mockups-loaded]) #loading{opacity:1}product-page[mockups-loaded] #loading{opacity:0}product-page #size-container{display:flex;align-items:center;margin:var(--lumo-space-l) 0 var(--lumo-space-xl) 0;flex-wrap:nowrap}product-page #size-picker::part(label){padding:0}product-page pd-size-info{margin-left:var(--lumo-space-m)}@media only screen and (max-width: 1200px){product-page{padding:0 0 calc(var(--lumo-size-xl) * 4) 0}product-page #product-container{flex-flow:column}}.snipcart{--bgColor-default: var(--lumo-tint-90pct);--bgColor-buttonPrimary: var(--lumo-primary-color);--color-link: var(--lumo-primary-color)}.snipcart-test-banner{border:none}.snipcart-test-banner__message{background:var(--lumo-primary-color);color:var(--lumo-base-color)}.snipcart-cart-summary--edit.snipcart-modal__container{box-shadow:var(--lumo-box-shadow-xs);border:1px solid var(--lumo-primary-color-10pct)}.snipcart-featured-payment-methods__link{color:var(--lumo-shade-40pct)}.snipcart-button-icon.is-secondary{--color-buttonSecondary: var(--lumo-primary-color-50pct);--bgColor-buttonSecondary: var(--lumo-primary-color-10pct)}.snipcart-cart-header .snipcart-modal__close-icon{--color-icon: var(--lumo-primary-color)}.snipcart-item-quantity__quantity{height:40px}.snipcart-item-line__title{font-size:14px}.snipcart-item-line__header{margin-bottom:0}.snipcart-item-line__info{display:none}.snipcart-cart__secondary-header button{cursor:pointer}design-page{--prnt-border-radius: 0;display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);background:linear-gradient(120deg,var(--lumo-shade),var(--lumo-tint-80pct));background-size:300% 300%;animation:gradientShift 8s ease-in-out infinite,slightMove 4s ease-in-out infinite;transition:all .5s;box-shadow:var(--lumo-box-shadow-xl);order:1}design-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000003d;-webkit-backdrop-filter:saturate(80%);backdrop-filter:saturate(80%)}design-page>*{transition:all .5s}design-page[initialized]{background-image:var(--prnt-bg);background-size:auto 100%;animation:bgMove 252s linear infinite}design-page[initialized] #dp-container{opacity:1}design-page #pg-picker-container{position:absolute;top:var(--lumo-space-m);left:var(--lumo-space-m);padding:var(--lumo-space-s);background-color:var(--lumo-tint-80pct);border-radius:var(--lumo-border-radius-m);z-index:1;display:none}design-page #dp-container{display:flex;margin:auto;padding:var(--lumo-space-m);background-color:var(--lumo-base-color);border-radius:var(--prnt-border-radius);opacity:0;z-index:0}design-page #dp-container:has(#design-picker:focus){background-color:var(--lumo-tint-10pct)}design-page #design-picker{border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-xl);outline:none}design-page #design-picker::part(image),design-page #design-picker::part(slide){border-radius:var(--prnt-border-radius);transition:all .3s ease-in-out}design-page #design-picker::part(date){border-bottom-left-radius:var(--prnt-border-radius);transition:all .3s ease-in-out}@keyframes bgMove{0%{background-position:0 0}to{background-position:100vw 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slightMove{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.42) translate(42px,-42px)}}@keyframes imageSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#store-button-container{border-radius:var(--lumo-border-radius-l);position:absolute;top:var(--lumo-space-s);right:var(--lumo-space-s);z-index:1}#store-button-container #store-button{width:var(--lumo-size-m);height:var(--lumo-size-m);border-radius:50%;background-color:var(--prnt-color);box-shadow:var(--lumo-box-shadow-xl);padding:var(--lumo-space-s);opacity:.8;transition:all .3s ease-in-out}#store-button-container #store-button:hover{opacity:1}#store-button-container img{margin-top:3px;width:100%;height:100%;border-radius:50%}#store-button-container img:hover{animation:imageSpin .5s ease-in-out}:root,body{overflow-x:hidden;overscroll-behavior:none}:has(design-page) :root,:has(design-page) body{overflow-x:auto;overscroll-behavior:auto;background-color:var(--prnt-color)}h4{font-weight:300;letter-spacing:2px}#cart{position:fixed;top:2px;right:calc(var(--lumo-space-l) - var(--lumo-space-m));z-index:2;cursor:pointer;line-height:0;padding-right:calc(2 * var(--lumo-space-m));color:var(--lumo-base-color);height:56px;margin:0}#cart:hover{background:#ffffff1a!important}#cart .snipcart-items-count{position:fixed;top:20px;right:20px;font-size:10px;background:var(--lumo-tint-5pct);color:var(--lumo-base-color);padding:2px;border-radius:50%;font-family:var(--lumo-font-family);min-width:16px;box-sizing:border-box;opacity:1;transition:opacity .2s}#cart .snipcart-items-count:empty{opacity:0}vaadin-button{-webkit-user-select:none;user-select:none}vaadin-select,vaadin-item,vaadin-date-picker{cursor:pointer}#size-info-container hr{border:2px dashed var(--lumo-primary-color-50pct)}#size-info-container table{border-collapse:collapse;margin-right:var(--lumo-space-xl)}#size-info-container td{padding:var(--lumo-space-s)}#size-info-container tr:not(:first-of-type) th{border-bottom:2px solid var(--lumo-primary-color-50pct)}#size-info-container .measurements{display:flex;flex-flow:row wrap;padding:var(--lumo-space-l) 0}#size-info-overlay::part(overlay){overflow-x:hidden;max-width:800px;max-height:1000px}#close-size-info{position:absolute;top:var(--lumo-space-m);right:var(--lumo-space-m);cursor:pointer}@media only screen and (max-width: 800px){#size-info-container{font-size:var(--lumo-font-size-s)}#size-info-container table{border-collapse:collapse;margin-right:var(--lumo-space-xl)}#size-info-overlay::part(overlay){max-width:100%}#size-info-container table{font-size:var(--lumo-font-size-xs);margin-right:var(--lumo-space-l)}#offline-content{font-size:var(--lumo-font-size-l);padding:var(--lumo-space-l)}}
