@charset "UTF-8";:root{--font-family: "Open Sans", Arial;--font-size: 12px;--maincolor: #1db3a4;--maincolor-hover: #14a193;--maincolor-border: #1b9f92;--maincolor-dark: #014d45;--maincolor-text: #FFF;--maincolor-selected: rgba(29, 179, 164, .75);--subcolor: #00181a;--subcolor-hover: #000d0e;--background-color: #f2ebe7;--background-color-darker: #e9dfd8;--background-color-darker-75: rgba(233, 223, 216, .75);--background-color-border: #dbcdc5;--background-text-color: #595450;--background-icon-color: #595450;--input-label-background-color: #f9f5f3;--input-label-color: #a69587;--input-option-background-color: color-mix(in srgb, var(--maincolor) 20%, white);--button-gray: #888;--button-gray-hover: #777;--box-color: rgba(255, 255, 255, .5);--rowcolor: rgba(255, 255, 255, .5);--rowcolor-hover: rgba(255, 255, 255, .6);--rowcolor-selected: rgba(255, 255, 255, 1);--yellow: #ffce00;--green: #93c313;--orange: orange;--red: #da0b4f;--blue: #3968ff;--blue-light: #6ea8ff;--success-maincolor: #93c313;--success-subcolor: #84ae12;--failure-maincolor: #da0b4f;--failure-subcolor: #c50947;--warning-color: #f4a100;--warning-color-hover: #e69900;--discount-color: #84ae12;--status-cancelled-color: #da0b4f;--status-shoppingcart-color: #999;--status-payment-color: #ffce00;--status-check-color: orange;--status-hold-color: orange;--status-ready-color: #666;--status-production-color: #6ea8ff;--status-finishing-color: #3968ff;--status-finished-color: #93c313;--status-generating-color: #5398ff;--status-sent-color: #93c313;--status-trash-color: #da0b4f;--status-archived-color: orange;--status-priority-color: #da0b4f;--status-open-color: orange;--status-response-color: #666;--status-spam-color: #999}@font-face{font-family:Raleway;font-style:normal;font-weight:300;src:url("/dist/fonts/Raleway-Light-NACKVO2Z.woff2") format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:url("/dist/fonts/OpenSans-Light-YZGMJ25G.woff2") format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url("/dist/fonts/OpenSans-Regular-YTFR47JI.woff2") format("woff2")}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;src:url("/dist/fonts/OpenSans-Italic-2SUJQGTR.woff2") format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:url("/dist/fonts/OpenSans-Bold-4NKGUBVM.woff2") format("woff2")}@font-face{font-family:Open Sans;font-style:italic;font-weight:700;src:url("/dist/fonts/OpenSans-BoldItalic-LVVEHSCL.woff2") format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:800;src:url("/dist/fonts/OpenSans-ExtraBold-JE5KNYLP.woff2") format("woff2")}.status>div{&:before{font:var(--fa-font-solid);color:#aaa;content:"\f111";text-rendering:auto;-webkit-font-smoothing:antialiased;margin-right:6px}&.Trash:before{color:var(--status-trash-color)}&.Cancelled:before{color:var(--status-cancelled-color)}&.Check:before{color:var(--status-check-color)}&.Payment:before{color:var(--status-payment-color)}&.Hold:before{color:var(--status-hold-color)}&.Generating:before{color:var(--status-generating-color);content:"\f110";display:inline-block;animation:fa-spin 2s infinite linear}&.Ready:before{color:var(--status-ready-color)}&.Production:before{color:var(--status-production-color)}&.Finishing:before{color:var(--status-finishing-color)}&.Finished:before{color:var(--status-finished-color)}&.Shipped:before{color:var(--status-finished-color)}&.Completed:before{color:var(--status-finished-color)}&.Delivery:before{color:var(--maincolor)}&.Pending:before{color:var(--status-payment-color)}&.Sent:before{color:var(--status-production-color)}&.Rejected:before{color:var(--status-cancelled-color)}&.Processing:before{color:var(--status-production-color)}&.Running:before{color:var(--status-production-color);content:"\f110";display:inline-block;animation:fa-spin 2s infinite linear}&.Failed:before{color:var(--status-cancelled-color)}}i{&.green{color:var(--green)}&.orange{color:var(--orange)}&.red{color:var(--red)}&.blue{color:var(--blue)}}.calendar>div{&[data-status]:after{color:#aaa}&[data-status=Production]:after{color:var(--status-production-color)}&[data-status=Finished]:after{color:var(--status-finished-color)}&[data-status=Delivery]:after{color:var(--maincolor)}}.options li{&.green i{color:var(--green)}&.orange i{color:var(--orange)}&.red i{color:var(--red)}}body .activity ul li{&.status:before{content:"\f111"}&.call-out:before{content:"\e224"}&.call-in:before{content:"\e223"}&.mail-out:before{content:"\f311"}&.mail-in:before{content:"\f310"}&.green:before{color:var(--green)}&.orange:before{color:var(--orange)}&.red:before{color:var(--red)}&.Cancelled:before{color:var(--status-cancelled-color)}&.Check:before{color:var(--status-check-color)}&.Payment:before{color:var(--status-payment-color)}&.Ready:before{color:var(--status-ready-color)}&.Production:before{color:var(--status-production-color)}&.Finishing:before{color:var(--status-finishing-color)}&.Finished:before{color:var(--status-finished-color)}&.Priority:before{color:var(--status-priority-color)}&.Open:before{color:var(--status-open-color)}&.Response:before{color:var(--status-response-color)}&.Spam:before{color:var(--status-spam-color)}&.Pending:before{color:var(--status-payment-color)}&.Sent:before{color:var(--status-production-color)}&.Failed:before{color:var(--status-cancelled-color)}&.Running:before{color:var(--status-production-color);content:"\f110";animation:fa-spin 2s infinite linear}&.shipping:before{content:"\f0d1";color:var(--orange)}}.trend-up,.trend-good{color:var(--success-maincolor)}.trend-down,.trend-bad{color:var(--failure-maincolor)}.trend-flat{color:var(--background-icon-color)}:root{--header-height: 65px;--main-height: calc(100vh - var(--header-height))}body{font-family:var(--font-family);font-size:var(--font-size);line-height:140%;background-color:var(--background-color);color:var(--background-text-color);margin:0;display:grid;.main-menu{grid-area:menu;background-color:var(--maincolor);color:var(--maincolor-text)}main{grid-area:page;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"records";.records-view,.dashboard-view,.form-view,.home-view{grid-area:records;max-height:calc(100vh - var(--header-height));>div{flex:0 0 auto}>div.content{flex:1 1 auto}}&.page>.record-stack{grid-area:record;display:flex;flex-direction:row;padding:0;gap:0;height:calc(100vh - var(--header-height));>.record-view{position:relative;flex:0 0 650px;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;padding:15px;gap:10px;overflow-y:scroll;>*{flex:0 0 auto}background-color:var(--background-color);border-left:solid 1px var(--background-color-border);animation:panel-slide-in .3s ease;box-shadow:-2px 0 10px #0000001a,0 0 0 100vmax color-mix(in srgb,var(--input-label-color) 10%,transparent);transition:box-shadow .4s,transform .4s}>.record-view+.record-view{margin-left:-580px}>.record-view:nth-last-child(n+5)+.record-view{margin-left:-650px}>.record-view.no-slide{animation:none}>.record-view:not(:last-child)::-webkit-scrollbar{display:none}}.record-stack>.record-view:hover~.record-view{box-shadow:-2px 0 10px #0000001a,0 0 0 100vmax transparent}.record-stack>.record-view:hover:not(:last-child){transform:translate(-25px)}.record-stack>.record-view.no-peek:hover{transform:none}&:has(.records-view:hover) .record-stack>.record-view{box-shadow:-2px 0 10px #0000001a,0 0 0 100vmax transparent}.view>.content,.record-view{overflow-y:auto;overflow-x:hidden}}&.record-details{main.page{grid-template-columns:minmax(0,1fr) var(--stack-width, auto);grid-template-areas:"records record"}main.page .records-view>.content::-webkit-scrollbar{display:none}&.semi-wide main.page{grid-template-columns:600px minmax(0,1fr)}&.wide main.page{grid-template-columns:400px minmax(0,1fr)}&.semi-wide main.page .record-stack,&.wide main.page .record-stack{min-width:0;>.record-view:first-child{flex:1 1 auto;min-width:0}}}.container{padding:15px;flex:0 1 auto;max-width:100%}.main-menu,main .header,main .filter-bar,main .footer{.container{display:flex;flex-direction:row;align-items:center;gap:10px;overflow-x:scroll;&::-webkit-scrollbar{-webkit-appearance:none;display:none}}.container>*{display:flex;align-items:center;text-wrap:nowrap}}.activity{grid-area:activity;background-color:var(--background-color-darker);border-left:solid 1px var(--background-color-border);.container{display:flex;flex-direction:column;gap:10px}}&.user{grid-template-rows:var(--header-height) var(--main-height);grid-template-areas:"menu" "page";grid-template-columns:minmax(0,1fr);@media(max-width:768px){height:100vh;height:100dvh;grid-template-rows:auto minmax(0,1fr)}h1{font-size:14pt}header{box-shadow:0 1px 2px #0000001a;border-bottom:solid 1px var(--maincolor-border);z-index:3}.header{background-color:var(--background-color-darker);border-bottom:solid 1px var(--background-color-border)}.container{--container-padding: 35px;box-sizing:border-box;width:calc(1200px + 2 * var(--container-padding));max-width:100%;margin:0 auto;padding:15px var(--container-padding)}.header .container{padding:5px var(--container-padding)}@media(min-width:769px){.header .container{min-height:44px}}main{max-height:var(--main-height);overflow:hidden;.records-view>.content{overflow-y:scroll;.overview .row{padding:7px 10px}}.records-view .header .search .button.filter{display:none}@media(max-width:768px){grid-template-rows:minmax(0,1fr);.records-view,.dashboard-view,.form-view{max-height:100%;min-height:0}.records-view .header .container .flex-divide{display:none}.records-view .header .options:empty{display:none}.records-view .header .search{flex-grow:0;margin-left:auto}.records-view .header .search .button.filter{display:flex}.records-view .filter-bar{display:none;padding:0;&.open{display:block;background-color:var(--background-color-darker)}}}.records-view.no-results{>.content{padding-top:0}.header{background-color:transparent;border-bottom:none;box-shadow:none;opacity:1}}}}&.admin{--header-height: 0px;grid-template-columns:200px calc(100vw - 400px) 200px;grid-template-areas:"menu page activity";main{height:100vh;overflow:hidden;.records-view,.dashboard-view{max-width:calc(100vw - 430px);max-height:calc(100vh - 30px)}.header .search .button.search-toggle,.header .search .button.filter{display:none}}main>div{padding:15px;gap:10px;.container{padding:0}&.view>.filter-bar{border-radius:5px;.container{padding-inline:10px}}&.records-view.no-results>.filter-bar{display:none}}.main-menu,.activity{.container{height:calc(100vh - 30px)}}aside.main-menu .container{flex-direction:column;border-right:solid 1px var(--maincolor-border)}&.record-details{grid-template-columns:56px calc(100vw - 56px);grid-template-areas:"menu page";.activity{display:none}}&.record-details main.page{overflow:clip}.record-view-header{display:flex;align-items:center;gap:8px;h2{margin:0;font-size:18px;.id{font-weight:300;font-size:80%;margin-left:7px;opacity:.5}}.header-button{display:flex;align-items:center;padding:7px 11px;border-radius:8px;background-color:#ffffff80;cursor:pointer;transition:background-color .3s;&:hover{background-color:#ffffffe6}}.header-actions .order-actions{position:relative;>.button.toggle{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:8px;background-color:#ffffff80;cursor:pointer;transition:background-color .3s;&:hover{background-color:#ffffffe6}}.menu{display:none}&.open .menu{display:flex;flex-direction:column;gap:2px;position:absolute;top:calc(100% + 5px);right:0;z-index:4;min-width:220px;padding:5px;background-color:#fff;border:solid 1px var(--background-color-border);border-radius:6px;box-shadow:0 6px 20px #0000002e}.menu .item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;&:hover{background-color:var(--background-color)}&.disabled{opacity:.4;pointer-events:none}}.menu .divider{height:1px;margin:3px 0;background-color:var(--background-color-border)}}}}}@keyframes panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:768px){body.admin,body.admin.record-details{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"menu" "page";height:100vh;height:100dvh;.activity{display:none}}body.admin aside.main-menu .container{flex-direction:row;flex-wrap:wrap;align-items:center;height:auto;border-right:none}body.admin:has(aside.main-menu.open){grid-template-rows:minmax(0,1fr);grid-template-areas:"menu";main{display:none}}body.admin main{height:auto;max-height:none;grid-template-rows:minmax(0,1fr);.records-view,.dashboard-view,.form-view{max-width:100vw;max-height:none;min-height:0}.header{h1{font-size:16px}.options .button span{display:none}.search .button.search-toggle{display:flex}.search input{display:none}.search.open input{display:block}}:is(.records-view,.dashboard-view):has(>.filter-bar) .header .search .button.filter{display:flex}:is(.records-view,.dashboard-view)>.filter-bar{display:none;&.open{display:block}}}body.admin.record-details main.page{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"record";.records-view{display:none}}body.admin main.page .record-stack{position:relative;height:100%;>.record-view{position:absolute;inset:0;flex:none;width:auto;margin:0;box-shadow:none;transform:none}}}.flex-divide{margin-top:auto;margin-left:auto}.clickable{cursor:pointer}h1,h2,h3{max-width:100%;text-wrap:nowrap}h1{margin:0 0 10px;position:relative;top:5px}h2{font-size:16px;margin-top:0}h3{margin:0 0 8px}p{margin:0}ul{list-style:none;margin:0;padding:0}a{color:var(--background-text-color)}i.fa{font-weight:300;width:16px;height:16px;font-size:16px;text-align:center;line-height:1;transform-origin:center center;display:inline-block}h1 i.fa{font-size:22px;width:22px;height:22px;margin-right:5px}h2 i.fa{margin-right:5px}h3 i.fa{font-size:14px;width:14px;height:14px;margin-right:5px}pre{max-width:100%;max-height:500px;background-color:#ffffffe6;border:solid 1px var(--background-color-border);padding:10px;overflow:scroll}[data-tooltip]{position:relative;&:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:2;font-family:var(--font-family);font-size:var(--font-size);font-weight:400;background-color:var(--background-text-color);color:var(--maincolor-text);padding:7px;border-radius:5px;box-shadow:0 0 2px #0003;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;transition-delay:.1s}&:hover:after{opacity:1}}::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--background-color-darker)}::-webkit-scrollbar-corner{background-color:var(--background-color)}div.no-scrollbar::-webkit-scrollbar{-webkit-appearance:none;display:none}@container content (max-width: 414px){body.user{.container{--container-padding: 20px;padding:10px var(--container-padding)}.main-menu .container{padding:15px var(--container-padding)}}}.grid{display:grid}@container content (max-width: 600px){.record-view .grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;>*{grid-area:auto!important}}}.view:not(.dashboard-view) .grid{gap:2px;border-radius:5px;background-color:var(--box-color);>*{background-color:transparent;border-radius:0;outline:solid 1px var(--background-color-darker);display:flex;flex-direction:column;justify-content:flex-start}}body.embed{height:100vh;grid-template-rows:minmax(0,1fr);grid-template-areas:"page";main{max-height:100vh;.records-view,.dashboard-view,.form-view,.home-view{max-height:100vh}}nav.footer{display:none}.container{width:auto;max-width:100%;margin:0;padding:25px}}.button-group{display:flex;flex-direction:row;align-items:center;gap:5px;max-width:100%;.button{padding:10px 12px;font-size:110%}}.form .button-group{margin-top:10px;padding-top:10px;border-top:solid 1px var(--background-color-darker)}.button{display:flex;gap:7px;position:relative;border-color:var(--background-color-darker);border-style:solid;border-width:1px;border-radius:5px;cursor:pointer;text-wrap:nowrap;text-decoration:none;overflow:hidden;transition:background-color .5s,border-color .5s,color .5s;&:hover{background-color:var(--background-color-darker)}&:hover i{transform:scale(1.1);transform-origin:center}span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}&.highlight{border-color:var(--maincolor);color:var(--maincolor);&:hover{background-color:color-mix(in srgb,var(--maincolor) 8%,white)}&.cta{background-color:var(--maincolor);border-color:var(--maincolor-border);color:var(--maincolor-text);&:hover{background-color:var(--maincolor-hover)}}}&.green{border-color:var(--success-maincolor);color:var(--success-subcolor);&:hover{background-color:color-mix(in srgb,var(--success-maincolor) 8%,white)}&.cta{background-color:var(--success-maincolor);border-color:var(--success-subcolor);color:#fff;&:hover{background-color:var(--success-subcolor)}}}&.red{border-color:var(--failure-maincolor);color:var(--failure-subcolor);&:hover{background-color:color-mix(in srgb,var(--failure-maincolor) 8%,white)}&.cta{background-color:var(--failure-maincolor);border-color:var(--failure-subcolor);color:#fff;&:hover{background-color:var(--failure-subcolor)}}}&.disabled{opacity:.5!important;background-color:inherit;cursor:default;&:hover i{transform:none}}&[data-state=loading] i{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;&:before{content:"\f01e"!important}}&[data-state=success]{border-color:var(--success-maincolor);color:var(--success-subcolor);&.cta{background-color:var(--success-maincolor)!important;border-color:var(--success-subcolor)!important;color:#fff!important}i:before{content:"\f00c"!important}}&[data-state=failure]{border-color:var(--failure-maincolor);color:var(--failure-subcolor);&.cta{background-color:var(--failure-maincolor)!important;border-color:var(--failure-subcolor)!important;color:#fff!important}i:before{content:"X"!important}}}body .page .header .button{padding:10px;border-width:0;align-items:baseline;&:hover{background-color:var(--background-color)}}.options.collapsed{position:relative;.button.mobile-menu{display:flex;background-color:transparent;padding:6px;color:var(--background-text-color);border:solid 1px var(--background-color-border);border-radius:20px}.inner{display:none}&.open .inner{display:flex;flex-direction:column;gap:3px;position:absolute;top:calc(100% + 4px);right:0;z-index:3;&.align-left{right:auto;left:0}background-color:#fff;border-radius:5px;box-shadow:0 2px 8px #0003;padding:5px;.button{border:none;padding:7px 10px;white-space:nowrap}}}.button-group .options.collapsed{display:flex;align-items:center;gap:5px}.overview .row{&.selected .options .button.mobile-menu{box-shadow:0 0 4px #0003}&.head .options{display:none}.options{padding:0 0 1px;margin:-3px -2px;overflow:visible;.button.mobile-menu{width:16px;padding:9px;border-radius:50%;top:1px;right:-4px;background-color:#fff;border:none;display:none;color:var(--background-text-color);i{font-weight:700}}.inner{display:flex;gap:3px;margin-bottom:0;justify-content:right}.inner .button{padding:5px 8px;top:1px;border-radius:4px;display:flex;gap:0;overflow:visible;align-items:baseline;&:before{top:11px}i{transform:none}span{top:-1px;position:relative}}.inner .button{border:1px solid var(--background-color-border);span{opacity:0;display:inline;position:absolute;border-radius:5px;padding:7px;transform:translate(calc(-50% + 7px)) translateY(35px);z-index:2;background-color:var(--background-text-color);color:#fff;box-shadow:0 0 2px #0003;transition:opacity .3s;transition-delay:.1s}&.green span{background-color:var(--success-maincolor)}&.red span{background-color:var(--failure-maincolor)}&.highlight span{background-color:var(--maincolor);color:var(--maincolor-text)}&:hover span{opacity:1}&.green i,&.red i,&.highlight i{font-weight:500}}}}@container content (max-width: 768px){.overview .row .options:not([data-options="1"],.no-mobile-button){.inner .button{border:none;span{opacity:1;display:inherit;position:inherit;border-radius:0;transform:none;box-shadow:inherit;background-color:inherit;color:inherit;padding:0;transition:none}&.green i,&.red i,&.highlight i{font-weight:300}}.button.mobile-menu{display:flex}&.open{position:relative;overflow:visible;.inner{position:absolute;top:37px;right:0;display:block;padding:5px 5px 6px;border-radius:5px;z-index:2;background-color:#fff;box-shadow:0 2px 7px #0000004d}.inner .button{border-width:0;gap:7px;span{max-width:none;display:block}}}&:not(.open) .inner .button{display:none}}}@container content (max-width: 414px){.overview .row .options:not([data-options="1"],.no-mobile-button) .button.mobile-menu{top:10px;right:0;margin-left:10px;display:inline}}.overview .row .options.collapsed{display:flex;align-items:stretch;gap:6px;position:relative;margin:0;padding:0;overflow:visible;&:not(.compact)>.button.primary{flex:1 1 0;min-width:0;justify-content:center;align-items:center;padding:8px 10px;span{position:static;opacity:1;transform:none;background-color:transparent;box-shadow:none;padding:0;color:inherit;transition:none}}&.compact{gap:3px;justify-content:flex-end;>.button.primary{padding:5px 8px;top:1px;border:1px solid var(--background-color-border);border-radius:4px;display:flex;gap:0;overflow:visible;align-items:baseline;i{transform:none}span{opacity:0;display:inline;position:absolute;border-radius:5px;padding:7px;transform:translate(calc(-50% + 7px)) translateY(35px);z-index:2;background-color:var(--background-text-color);color:#fff;box-shadow:0 0 2px #0003;transition:opacity .3s;transition-delay:.1s}&.green span{background-color:var(--success-maincolor)}&.red span{background-color:var(--failure-maincolor)}&.highlight span{background-color:var(--maincolor);color:var(--maincolor-text)}&:hover span{opacity:1}&.green i,&.red i,&.highlight i{font-weight:500}}>.button.mobile-menu{padding:6px 10px;border-radius:4px}}>.button.mobile-menu{position:static;display:flex;align-items:center;width:auto;padding:8px 11px;border:solid 1px var(--background-color-border);border-radius:5px;background-color:transparent;color:var(--background-text-color)}&.no-menu>.button.mobile-menu{display:none}.inner{display:none}&.open .inner{display:flex;flex-direction:column;gap:2px;position:absolute;top:calc(100% + 5px);right:0;z-index:3;min-width:185px;padding:5px;background-color:#fff;border:solid 1px var(--background-color-border);border-radius:6px;box-shadow:0 6px 20px #0000002e}.inner .button{border:none;border-radius:4px;gap:9px;padding:8px 10px;align-items:center;span{position:static;opacity:1;transform:none;background-color:transparent;box-shadow:none;padding:0;color:inherit;transition:none}&:hover{background-color:var(--background-color)}}.inner .button.red{color:var(--failure-maincolor);margin-top:3px;border-top:solid 1px var(--background-color-darker);border-radius:0 0 4px 4px}}body .main-menu{.container{display:flex;flex-direction:row;gap:10px}.logo{max-width:200px;height:30px;flex-shrink:0;img{height:100%}}.container>.hamburger{display:none}nav{height:100%;>ul{display:flex;flex-direction:row;height:100%;font-size:120%;>li:hover>a{background-color:var(--maincolor-hover)}li{position:relative;&.has-submenu:after{font:var(--fa-font-light);color:var(--maincolor-text);content:"\f078";opacity:.5;position:absolute;top:11px;right:11px;display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased}& a{font-family:Raleway;font-weight:300;text-decoration:none;color:var(--maincolor-text);display:block;padding:10px;border-radius:5px;position:relative;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;& i{font:var(--fa-font-light);color:var(--maincolor-dark);content:"\f6e2";display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;margin-right:10px}&:hover{i{transform:scale(1.1)}}}>ul{max-height:0;overflow:hidden;transition:max-height .6s ease .3s,margin .6s ease .3s;li a:hover{background-color:color-mix(in srgb,var(--maincolor-hover) 50%,var(--maincolor))}li a i{font-weight:900;font-size:80%;opacity:.3}}&:hover>ul,&.open>ul{max-height:300px;margin:0 0 15px;transition:max-height .6s ease,margin .6s ease}}}}}body.admin .main-menu{.container{padding:15px 10px}nav{align-self:stretch}nav>ul{flex-direction:column;min-width:100%;>li.separator{border-top:solid 1px var(--maincolor-hover);margin:8px 10px}}}@media(min-width:769px){body.admin aside.main-menu .logo{width:165px;align-self:flex-start;margin-left:7.5px;transition:transform .25s ease .2s,clip-path .25s ease .2s}body.admin.record-details .main-menu{position:relative;z-index:20;width:56px;overflow:hidden;transition:width .25s ease .4s,box-shadow .25s ease .4s;&:hover{width:200px;box-shadow:4px 0 14px #0003;transition:width .25s ease,box-shadow .25s ease}.logo{transform-origin:-31.5px center;transition:transform .25s ease,clip-path .25s ease;clip-path:inset(0 0 0 0)}&:not(:hover) .logo{transform:scale(.8);clip-path:inset(0 74% 0 0);transition:transform .25s ease .4s,clip-path .25s ease .4s}nav a{transition:color .15s ease .25s}nav>ul>li>a i{transition:color .2s ease,transform .25s ease}nav>ul>li.has-submenu:after{transition:opacity .15s ease .25s}nav>ul>li:hover>ul{transition:max-height .6s ease .15s,margin .6s ease .15s}&:not(:hover){nav a{color:transparent;transition:color .1s ease .3s}nav>ul>li>a i{color:var(--maincolor-text);transform:scale(1.2);transition:color .1s ease .3s,transform .25s ease .4s}nav>ul>li.has-submenu:after{opacity:0;transition:opacity .1s ease .3s}}}body.admin.record-details.menu-direct .main-menu:not(:hover){transition:width .25s ease .1s,box-shadow .25s ease .1s;.logo{transition:none}nav a{transition:color .1s ease}nav>ul>li>a i{transition:color .1s ease,transform .25s ease .1s}nav>ul>li.has-submenu:after{transition:opacity .1s ease}}}body.admin .main-menu nav>ul>li.solo{&.has-submenu:after{display:none}>ul{display:none}}header.main-menu nav>ul>li>ul{position:fixed;background-color:var(--maincolor);border-radius:5px;z-index:10}header.main-menu nav>ul>li:hover>ul,header.main-menu nav>ul>li.open>ul{margin:0;box-shadow:0 2px 7px #0003}body.admin .main-menu nav>ul>li{>ul{display:none}&.has-submenu:after{display:none}}@media(max-width:768px){body.user .main-menu{.container{flex-wrap:wrap;row-gap:0}.container>.hamburger{display:flex;align-items:center;margin-left:auto;padding:8px 10px;cursor:pointer;font-size:130%}nav{width:100%;overflow:hidden;max-height:0;transition:max-height .3s ease;>ul{flex-direction:column;width:100%;height:auto}}&.open nav{max-height:70vh;overflow-y:auto}&.open .container{row-gap:10px}nav ul ul{position:static;max-height:none;overflow:visible;margin:0;box-shadow:none}}body.admin .main-menu{.container{flex-wrap:wrap;row-gap:0}.container>.hamburger{display:flex;align-items:center;margin-left:auto;padding:8px 10px;cursor:pointer;font-size:130%}nav{width:100%;align-self:auto;overflow:hidden;max-height:0;transition:max-height .3s ease;>ul{width:100%;height:auto;min-width:0}}&.open nav{max-height:calc(100vh - 80px);overflow-y:auto}&.open .container{row-gap:10px}}}body .page .view .filter-bar{background-color:var(--background-color-darker);display:flex;flex-direction:row;align-items:baseline;gap:25px;padding:0;border-radius:0;>.container{padding-block:12px 10px}>.count-button{margin-left:auto;align-self:center;padding-inline:10px;cursor:pointer;opacity:.4;&:hover{opacity:.8}&.hidden{display:none}}>.result-count{margin-left:auto;align-self:center;padding-inline:10px;white-space:nowrap;text-align:right;line-height:1.3;opacity:.5;.of-total{font-size:85%;opacity:.8}}.filter-tags{display:contents}.filter-group{display:flex;gap:5px;min-width:0;overflow:scroll;.tag-dropdown-toggle{display:none;background-color:transparent;align-items:center;gap:6px;padding:6px 10px;i{display:flex;align-items:center;justify-content:center;width:10px;height:10px;font-size:10px;opacity:.6;transition:transform .2s}&.open i{transform:rotate(-180deg)}span{padding:2px 0}.count{display:none;background-color:var(--maincolor);color:var(--maincolor-text);padding:1px 6px;border-radius:10px;font-size:80%;font-weight:700;&:not(:empty){display:inline-block}}}&.as-dropdown{>label{display:none}.tag-dropdown-toggle{display:flex}}label{font-weight:900;text-transform:uppercase;padding:5px 0}div{background-color:#ffffff4d;padding:5px;border-radius:5px;cursor:pointer;white-space:nowrap;&:hover{background-color:#fff6}&.tagged{background-color:var(--maincolor);color:var(--maincolor-text)}}}}body .page .view.filter-in-header .header{.search{min-width:0}.filter-bar{background-color:transparent;align-items:baseline;gap:15px;min-width:0;padding:0;.container{padding-inline:0;padding-block:0}}}body .page .view:not(:has(.filter-bar)) .header .search .button.filter{display:none}.form.filter-bar{.field{label{top:5px;line-height:1.4;padding-bottom:1px}input{padding:2px 12px 4px}}.field.has-content,.field.has-focus{input,textarea{padding-top:0;margin-top:0}label{top:-10px}}.filter-input input[name=id],.filter-input input[name=orderid],.filter-input input[name=orderrowid],.datepicker-input{max-width:80px}}.filter-date-range{display:flex;gap:5px;label{font-weight:900;text-transform:uppercase;padding:5px 0}input{width:50%}}.sort-dropdown .button{background-color:transparent;align-items:center;gap:6px;padding:6px 10px;i{display:flex;align-items:center}.chevron{font-size:10px;width:10px;height:10px;justify-content:center;opacity:.6;transition:transform .2s}&.open .chevron{transform:rotate(-180deg)}}.sort-dropdown-list{background:#fff;border:1px solid var(--background-color-border);>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;cursor:pointer;white-space:nowrap;i{width:14px;text-align:center;opacity:.7}&:hover{background:var(--input-option-background-color)}&.active{font-weight:700}}}.filter-tags-dropdown{background:#fff;border:1px solid var(--background-color-border);>div{position:relative;padding:8px 20px 8px 34px;cursor:pointer;white-space:nowrap;&:before{font:var(--fa-font-regular);content:"\f0c8";position:absolute;left:12px;opacity:.6}&:hover{background:var(--input-option-background-color)}&.tagged{background:var(--maincolor);color:var(--maincolor-text);&:before{content:"\f14a";opacity:1}&:hover{background:var(--maincolor-hover)}}}}.filter-select-dropdown{display:none;position:fixed;z-index:1000;max-height:250px;overflow-y:auto;background:#fffffff2;border:1px solid var(--border);border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;.filter-select-option{padding:8px 12px;cursor:pointer;font-size:13px;line-height:1.4;&:hover{background:var(--highlight-light)}.bold{font-weight:600}.thin{opacity:.6;font-size:12px}}}@media(max-width:768px){body .page .view .filter-bar .container{flex-wrap:wrap;row-gap:8px;overflow-x:visible}body .page .view .filter-bar .filter-group{flex-wrap:wrap;overflow:visible}}.overview{.row{display:grid;gap:5px;padding:5px;background-color:#ffffff4d;border-radius:5px;margin-bottom:3px;align-items:baseline}&:where(:not(.no-row-click)) .row[data-id]:hover{background-color:#ffffff80}.row[data-id]{transition:background-color .5s;cursor:pointer;&.selected{background-color:#ffffffe6;border-left:solid 5px var(--maincolor);box-shadow:0 0 7px #0000001a}}&.no-row-click .row[data-id]{cursor:default}.row.head{font-size:90%;font-weight:900;background-color:#ffffff80;.sortable{cursor:pointer;user-select:none;&:hover{opacity:.7}i{font-size:10px;opacity:.3}&[data-sort] i{opacity:1}}}.row>*{line-height:1.2;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;margin:4px 0}.row .account-inactive .inactive{color:var(--input-label-color)}.row.inactive>*{opacity:.5}.row .image.product-hidden .content{opacity:.4}.row .schedule{&.on-schedule{opacity:.5}&.earlier{color:var(--success-maincolor);font-weight:700}&.delayed{color:var(--failure-maincolor);font-weight:700}}.row .shipping{.earlier{color:var(--success-maincolor)}.margin{color:var(--orange)}.delayed,.late{color:var(--failure-maincolor)}}&.no-results{.row.head{display:none}.no-results-message{padding:0 10px;opacity:.5}}}.record-view .overview .row{margin-bottom:0;&.selected{box-shadow:none}}@container content (max-width: 768px){.overview.mobile-blocks .records{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.overview.mobile-blocks .row>*{padding:3px 0}.overview.mobile-blocks.blocks-3 .records{grid-template-columns:repeat(3,1fr)}}@container content (max-width: 414px){.overview .row{padding:8px 6px 8px 10px}}.overview.blocks{.row.head{display:none}.records{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.row{display:block}.row>*{display:flex;width:100%}&.center .row>*{justify-content:center}&.small .records{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}&.medium .records{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}&.large .records{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}&.extralarge .records{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}&.blocks-3 .records{grid-template-columns:repeat(3,1fr)}}.overview{.row.expandable{.label{padding-left:calc(5px + var(--tree-level, 0) * 15px)}&.level-0{font-weight:700}&.no-children .expand-toggle{visibility:hidden}&.expanded>.expand-toggle i{transform:rotate(90deg)}.expand-toggle{grid-area:toggle;width:20px;text-align:center;cursor:pointer;opacity:.4;transition:opacity .2s;&:hover{opacity:1}i{font-size:11px;transition:transform .2s}}}}.view.is-loading{display:flex;align-items:center;justify-content:center;>*{display:none!important}&.show-loader:after{content:"";width:40px;height:40px;border:4px solid var(--background-color-border);border-top-color:var(--maincolor);border-radius:50%;animation:fa-spin .8s infinite linear}}.records-view.no-results,.records-view.no-results-found{.content{display:flex;flex-direction:column;>.container{display:flex;flex:1 1 auto;>:not(.page-message){display:none}}}}.records-view.no-results{.header{h1,.search{display:none}.options .button:not(.keep-on-empty){display:none}&:not(:has(.keep-on-empty)){display:none}}}@media(min-width:769px){body .page .view.records-view.with-details:not(.no-results,.no-results-found){.content>.container{flex-direction:row;gap:25px}.content>.container>.overview{width:40%;min-width:0}.record-details{width:60%;min-width:0;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;align-self:flex-start;max-height:calc(100vh - var(--header-height) - 120px);overflow-y:auto}}}.record-details{container-name:content;container-type:inline-size}.record-details .detail-content{background-color:var(--box-color);border-radius:5px;padding:20px;display:flex;flex-direction:column;gap:16px;.detail-loading{display:flex;justify-content:center;padding:50px 0;font-size:20px;opacity:.4}.card,.grid,.grid>*{background-color:transparent;border-radius:0;outline:none;padding:0}.grid{gap:20px}>*+*{border-top:solid 1px var(--background-color-darker);padding:16px 0 6px!important}}.record-details .detail-back{display:none;align-self:flex-start;align-items:center;gap:6px;cursor:pointer;background-color:var(--background-color-darker);margin-bottom:4px;padding:10px 15px;border-radius:10px;font-weight:900}@media(max-width:768px){.records-view.with-details:not(.no-results,.no-results-found){.content>.container{display:block}.record-details{display:none;flex-direction:column;gap:10px}&.detail-open{.content>.container>.overview{display:none}.record-details,.record-details .detail-back{display:flex}}}}body.admin .finance-box{.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;@container content (max-width: 600px){grid-template-columns:minmax(0,1fr)}}.tile{display:flex;flex-direction:row;align-items:center;gap:8px;background-color:#ffffff80;border-radius:5px;padding:12px 15px;cursor:pointer;transition:background-color .3s;h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.total{font-size:120%;margin-left:auto;flex-shrink:0}&:not(.empty):hover,&.active{background-color:#ffffffe6}&.empty{cursor:default;opacity:.5}}.tables>.overview{display:none;margin-top:10px}.tables>.overview.open{display:block}}input[type=text],input[type=password],input[type=search],input[type=number],textarea,.field ul.options{font-family:Open Sans,Arial;font-size:12px;background-color:#fff;border:solid 1px var(--background-color-darker);padding:7px;border-radius:5px}input:focus,textarea:focus{outline:2px solid var(--maincolor);outline-offset:-2px}textarea{height:80px}.form{display:flex;flex-direction:column;gap:5px;background-color:var(--box-color);border-radius:5px;padding:20px}.card,.record .overview{max-width:100%;gap:5px;background-color:var(--box-color);border-radius:5px;padding:20px;h3{margin:0 0 5px}.space{height:5px}}.form h3{margin:12px 0 5px!important}.record .overview{&:not(.header) .row.head{display:none}.row{background-color:transparent;padding:5px 0;border-radius:0;&:not(.head){border-top:solid 1px var(--background-color-darker)}}.records .row,.foot .row{padding:5px 10px}}.component-group{max-width:100%;display:grid;grid-template-columns:var(--columns, 1fr 1fr);gap:20px;&.align-start{align-items:start}@container content (max-width: 768px){grid-template-columns:1fr}}.form,.card{>*{max-width:100%}.field-group{max-width:100%;display:grid;grid-template-columns:var(--columns, 1fr 1fr);gap:5px;>.field{display:flex;flex-direction:column;width:100%}}.field{max-width:100%;position:relative;>i{position:absolute;padding:12px;opacity:.5;transition:margin-top .1s ease-in opacity .1s}label{position:absolute;top:12px;left:8px;padding:0 4px;border-radius:3px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 24px);pointer-events:none;transition:.1s ease-in;color:#999}input,textarea{width:calc(100% - 26px);padding:12px 12px 8px;font-size:110%;font-weight:500;color:#333}&:hover:after{opacity:1}&.has-icon{input,textarea{width:calc(100% - 54px);padding-left:40px}label{left:36px}}&.readonly{input,textarea{background-color:var(--background-color);color:var(--background-text-color);cursor:default}label{opacity:.8}input:focus,textarea:focus{outline:none}}&.disabled{input,textarea{background-color:var(--background-color);color:var(--background-text-color);cursor:default}label{opacity:.6}}&.copy-input{input{width:calc(100% - 130px);text-overflow:ellipsis}.button.copy{position:absolute;top:3px;bottom:0;right:0;align-items:center;padding:0 12px;background-color:#fff}}}.field.has-content,.field.has-focus,.field.readonly{input,textarea{padding-top:9px;margin-top:3px}label{top:-2px;left:8px;line-height:1.4;font-size:80%;font-weight:700;background-color:var(--input-label-background-color);color:var(--input-label-color)}&.has-icon{>i{margin-top:3px;opacity:1}label{left:36px}}}.field.invalid{input,textarea{border-color:var(--failure-maincolor);&:focus{outline-color:var(--failure-maincolor)}}label{color:var(--failure-maincolor)}&.telephone{border-color:var(--failure-maincolor);&:has(input:focus){outline-color:var(--failure-maincolor)}}}}.form .field.select,.form .field.datetime{&:after{position:absolute;top:4px;right:1px;padding:11px 10px 12px 12px;pointer-events:none;cursor:pointer;opacity:.5;font:var(--fa-font-regular);color:var(--background-border);content:"\f078";display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased}&.select:after{content:"\f078";transition:transform .2s;transform-origin:center}&.datetime:after{content:"\f133"}>ul.options{position:absolute;right:0;left:0;bottom:0;transform:translateY(100%);padding:2px;box-shadow:0 0 2px #0003;max-width:300px;max-height:200px;overflow-y:scroll;display:none;li{display:flex;align-items:center;i{width:18px;margin-right:8px;text-align:center}}}&.has-focus{z-index:2;&.select:after{transform:rotate(-180deg)}>ul.options{display:block;li{padding:7px 10px;border-radius:4px;cursor:pointer;&.sub{padding-left:25px}&.highlighted{background-color:var(--input-option-background-color)}&.disabled{opacity:.4;pointer-events:none}}span{margin-right:5px}}}}.form .field.select.search{.context-link{position:absolute;top:50%;right:30px;transform:translateY(-50%);padding:8px;cursor:pointer;opacity:.4;&:hover{opacity:1}}>ul.options{max-width:none;li{display:block;.name{font-weight:700}.location{opacity:.75;font-size:90%}}}.selected-value{display:none;background-color:#fff;border:solid 1px var(--background-color-darker);border-radius:5px;padding:12px 12px 10px;margin-top:3px;line-height:145%;cursor:pointer;.company{font-weight:700}}&.has-selection{input{position:absolute;top:3px;left:0;width:100%;height:100%;box-sizing:border-box;padding:12px;margin:0;opacity:0;cursor:pointer}.selected-value{display:block}&.has-focus{input{height:auto;opacity:1;background-color:transparent;border-color:transparent;outline:none;cursor:text}.selected-value{color:#999;outline:2px solid var(--maincolor);outline-offset:-2px}}}}.form .field.telephone{display:flex;align-items:baseline;gap:7px;margin-top:3px;padding-left:12px;background-color:#fff;border:solid 1px var(--background-color-darker);border-radius:5px;&:has(input:focus){outline:2px solid var(--maincolor);outline-offset:-2px}&.has-content label{top:-5px}.flag-select,.dial-code{font-size:110%;line-height:normal;padding:9px 0 8px;cursor:pointer}.flag-select:after{font:var(--fa-font-solid);content:"\f0d7";font-size:60%;margin-left:2px;opacity:.5;vertical-align:2px}.dial-code{font-weight:500;color:#333}input{flex:1;width:auto;border:none;background-color:transparent;padding:9px 12px 8px 0;margin:0;&:focus{outline:none}}>ul.options{position:absolute;left:0;bottom:0;transform:translateY(100%);padding:2px;box-shadow:0 0 2px #0003;max-height:200px;overflow-y:auto;display:none;li{display:block;padding:7px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;&:hover{background-color:var(--input-option-background-color)}}}&.open{z-index:2;>ul.options{display:block}}}.form .field.tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;padding:6px 30px 6px 8px;background-color:#fff;border:solid 1px var(--background-color-darker);border-radius:5px;&:has(input:focus){outline:2px solid var(--maincolor);outline-offset:-2px}&.has-content label{top:-5px}.tags-selection{display:contents}.tag{display:flex;align-items:center;gap:7px;padding:4px 9px;background-color:var(--maincolor);color:var(--maincolor-text);border-radius:4px;font-size:90%;.type{opacity:.7}i{cursor:pointer;opacity:.7;&:hover{opacity:1}}}input{flex:1;width:auto;min-width:80px;border:none;background-color:transparent;padding:3px 0 2px 4px;margin:0;&:focus{outline:none}}>ul.options li{.type{opacity:.6;margin-right:2px}.id{font-size:80%;padding:1px 5px;margin-right:4px;border:solid 1px var(--background-color-darker);border-radius:4px;opacity:.8}i.fa-plus{width:auto;margin-right:6px}}}.form .field.position{display:flex;align-items:flex-start;gap:10px;input{flex:1;width:auto;min-width:0}.position-presets{display:grid;grid-template-columns:repeat(3,26px);gap:3px;flex-shrink:0;.tag{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:solid 1px var(--background-color-darker);border-radius:50%;cursor:pointer;user-select:none;transform:rotate(var(--rotation));&:hover{background-color:var(--background-color)}&.active{background-color:var(--maincolor);border-color:var(--maincolor);color:var(--maincolor-text)}}}}.form .field.datetime{.datepicker-input.in-edit:focus,.datepicker-input.in-edit:active{box-shadow:none}.datepicker-dropdown{padding-top:0;padding-right:4px;span{font-weight:500}.datepicker-picker{box-shadow:0 0 2px #0003}.datepicker-header .datepicker-controls .button{font-size:14px;text-transform:uppercase;color:var(--background-text-color)!important}.days-of-week{opacity:.5}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:var(--maincolor)}.datepicker-cell.focused:not(.selected){background-color:var(--background-color);color:var(--background-text-color)!important}.datepicker-cell:not(.disabled):not(.selected):hover{background-color:var(--input-label-background-color)}.datepicker-cell.prev,.datepicker-cell.next{opacity:.3}}}.form .field.toggle{input{width:0;height:0;opacity:0;position:absolute;&:checked{+label:before{background:var(--maincolor)}+label:after{transform:translate(24px)}}}label{width:calc(100% - 64px);position:relative;top:0;left:0;padding:12px 4px 12px 60px;color:inherit;display:inline-block;cursor:pointer;pointer-events:all;&:before{width:50px;height:26px;padding:0;background:#ccc;border-radius:50px;content:"";position:absolute;top:7px;left:0;cursor:pointer;display:inline-block;pointer-events:all;transition:background-color .3s}&:after{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:9px;left:2px;content:"";transition:transform .3s}}}body .page{>div{display:flex;flex-direction:column}.header{font-size:13px;>*{line-height:1}.search,.options{display:flex}.search{flex-grow:1;position:relative}.search input{flex-grow:1;margin-right:5px}.search .search-overlay{position:fixed;z-index:20;max-height:60vh;overflow-y:auto;background-color:#fff;border:solid 1px var(--background-color-border);border-radius:4px;box-shadow:0 4px 12px #00000026;.result{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;&:hover,&.selected{background-color:var(--input-option-background-color)}i{width:18px;text-align:center;opacity:.6}.title{font-weight:700}.description{opacity:.7;font-size:.9em}}.no-results{padding:8px 12px;opacity:.7}}}>div>nav.page-nav{display:flex;flex-direction:row;gap:20px;padding:0 5px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;a{color:var(--background-text-color);text-decoration:none;white-space:nowrap;padding:2px 0 5px;border-bottom:solid 2px transparent;opacity:.7;&:hover{opacity:1}&.active{color:var(--maincolor);border-bottom-color:var(--maincolor);font-weight:600;opacity:1}}}>div .totals-bar{display:none;&.has-totals{display:flex}flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px 25px;margin-left:auto;flex-shrink:1;min-width:0;.total{text-align:right;line-height:1.3;white-space:nowrap;&.bold{font-weight:700}.label{font-size:85%;opacity:.6}&.derived{border-left:solid 1px var(--background-color-border);padding-left:25px}}}>div>.footer .container:has(.totals-bar){display:flex;flex-wrap:wrap-reverse;align-items:center;gap:8px 25px;overflow-x:visible;ul{width:auto;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}}>div>.footer{margin-top:auto;ul{display:flex;flex-direction:row;width:100%;gap:20px;font-size:100%;li a{font-weight:300;opacity:.6;text-decoration:none;&:hover{opacity:.8}}}}.page-message{text-align:center;margin:auto;max-width:60%;>i{font-size:130px;line-height:180px;color:var(--background-color-border)}.message{font-size:16px;font-weight:400;line-height:1.5;opacity:.75;margin:0 0 28px;h1{font-size:28px;font-weight:900;line-height:30px;margin:0 0 20px}a{color:var(--maincolor);text-decoration:underline}}}.content.not-found{margin-top:auto}}@media(max-width:768px){body .page>div .totals-bar{gap:6px 16px;font-size:90%;.total.derived{border-left:none;padding-left:0}}}body .page .view>.content,body .page .record-stack>.record-view{container-name:content;container-type:inline-size;>div:not(.grid,.record-view-header){display:flex;flex-direction:column;gap:5px}}.notifications{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 40px);width:380px}.form-notifications{display:flex;flex-direction:column;gap:8px;&:not(:empty){margin:4px 0 8px}}.notification{display:flex;flex-direction:row;align-items:flex-start;gap:10px;background-color:#fff;border-left:solid 4px var(--background-color-border);border-radius:6px;box-shadow:0 4px 16px #00000026;padding:14px 16px;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;.icon{font-size:18px;line-height:1.3}.text{flex-grow:1;font-size:13px;line-height:1.4}.close{cursor:pointer;opacity:.5;padding:2px;&:hover{opacity:1}}&.visible{opacity:1;transform:translateY(0)}&.success{border-left-color:var(--success-maincolor);.icon{color:var(--success-maincolor)}}&.failure{border-left-color:var(--failure-maincolor);.icon{color:var(--failure-maincolor)}}&.info{border-left-color:var(--maincolor);.icon{color:var(--maincolor)}}}.form-notifications .notification{box-shadow:none;outline:solid 1px var(--background-color-darker)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#0006;opacity:0;transition:opacity .2s ease;&.open{opacity:1}.modal{width:100%;max-width:420px;&.wide{max-width:460px}background-color:var(--background-color);border-radius:8px;box-shadow:0 10px 40px #00000040;padding:25px;transform:translateY(10px);transition:transform .2s ease;>h2{display:flex;align-items:center;gap:8px;margin:0 0 15px}.modal-body{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;font-size:110%}.modal-body>.form{flex:1;background-color:transparent;padding:0;display:flex;flex-direction:column;gap:10px}@media(max-width:480px){.field-group{--columns: 1fr}}.mail-body{min-height:140px;padding:10px 12px;border:solid 1px var(--background-color-border);border-radius:5px;background-color:#fff;line-height:1.5;p{margin:0 0 1em}p:last-child{margin-bottom:0}&:focus{outline:none;border-color:var(--maincolor)}}.modal-icon{flex-shrink:0;font-size:28px;line-height:1.3;color:var(--maincolor)}&.danger .modal-icon{color:var(--failure-maincolor)}.modal-text{h2{margin:0 0 8px}p{margin:0;line-height:1.5;color:var(--background-text-color)}p+p{margin-top:10px}}}&.open .modal{transform:translateY(0)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;.button{padding:10px 14px;font-size:110%}}.modal.keepterm-modal{max-width:625px;.term-row{margin-top:15px;line-height:2;input.keep{width:55px;padding:6px 8px;text-align:center;font-size:105%}.suffix{opacity:.7}}.term-advice{display:none;margin-top:12px;padding:10px 12px;border-radius:5px;border:solid 1px var(--failure-maincolor);background-color:color-mix(in srgb,var(--failure-maincolor) 8%,transparent);line-height:150%;&.visible{display:block}}.protected-message{margin-top:12px;padding:10px 12px;border-radius:5px;border:solid 1px var(--warning-color);background-color:color-mix(in srgb,var(--warning-color) 8%,transparent);line-height:150%}.remove-info{margin:20px 0;.remove-date{font-weight:700}.remove-days{font-weight:400;opacity:.8;&.red{color:var(--failure-maincolor);font-weight:700;opacity:1}&.orange{color:var(--warning-color);opacity:1}}}.modal-actions{flex-wrap:wrap;.button.disabled{opacity:.5;pointer-events:none}}}.modal.content-modal{width:min(1400px,90vw);max-width:90vw;pre{min-width:100%;box-sizing:border-box;max-height:70vh;overflow:auto;background-color:#fff;padding:15px;font-size:90%}}.modal.publish-modal{max-width:480px;.preview-url{width:100%;box-sizing:border-box;margin-top:15px;padding:9px 12px;font-size:105%;cursor:text}.modal-actions{flex-wrap:wrap}}}.modal-overlay .modal.change-order-modal{max-width:560px;.difference{margin-bottom:20px;color:var(--background-text-color);white-space:pre-line;&:empty{display:none}}}.modal-overlay .modal.supplier-mail-modal{max-width:560px;.form.supplier-mail-form{gap:14px}.field-group.fields{padding-bottom:14px;border-bottom:solid 1px var(--background-color-border)}.photos{display:flex;align-items:center;gap:8px;i{opacity:.5}span{font-size:90%;opacity:.7}}}.collapsible{border:dotted 1px var(--maincolor);border-radius:5px;.collapsible-header{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;color:var(--maincolor);i{transition:transform .2s}}.collapsible-body{display:none;line-height:1.5;color:var(--background-text-color)}.collapsible-header,.collapsible-body{padding:7px 10px}&.open{.collapsible-header i{transform:rotate(90deg)}.collapsible-body{display:block}}&.green{border-color:var(--green);.collapsible-header{color:var(--green)}}}.overview:not(.blocks) .row .multi-cell>div{display:inline-block;&:not(:last-child){display:inline-block;margin-right:10px;padding-right:10px;border-right:solid 1px #CCC}}.overview .row .multi-cell-rows>div:not(:last-child){margin-bottom:5px}.overview .row .id{opacity:.5}.overview .row .addressee .company{font-weight:700}.overview.Coupon .row{&:not(.head) .code{font-weight:700}.value .value{font-weight:700;color:var(--green)}}.overview .row{.document-info{margin:0;span{font-size:100%;border:solid 1px var(--background-color-border);border-radius:7px;padding:5px 7px 2px 5px;display:inline-block;i{font-size:100%;margin-right:3px}&:not(:last-child){margin-right:3px}}}}.row>.image{aspect-ratio:1 / 1;.image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}}.record .overview .foot .row{font-weight:300;border-top:dotted 1px var(--background-color-border);&.total{font-weight:900}}.overview.PaymentRefund .row .description{text-wrap:auto}.form .field.refund-amount{display:flex;flex-direction:column;align-items:flex-start;gap:8px;input{flex:0 0 auto;width:110px}.presets{display:flex;flex-wrap:wrap;gap:3px;.preset{border:solid 1px var(--background-color-border);padding:10px 8px;border-radius:5px;cursor:pointer;margin-top:2px;&:hover{background-color:var(--background-color-darker)}}}}main.page[data-slug=home]{.home-view>.content{overflow-y:auto;overflow-x:hidden}body:not(.embed) & .home-view>.content{display:flex;flex-direction:column;>.container{margin-block:auto}}.home-start{width:100%;max-width:800px;margin:auto;box-sizing:border-box;h1{margin:15px 0;text-align:center;font-size:180%}.subheader{color:var(--background-icon-color);margin:20px 0 5px;font-size:120%;font-weight:300;text-align:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;@media(max-width:600px){grid-template-columns:1fr}}.tiles.admin-tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));.tile{padding:16px 20px;gap:14px;>i{font-size:18pt}h3{margin:0;font-weight:400}}}.tile{display:flex;align-items:center;text-align:center;flex-direction:column;gap:18px;padding:25px 22px;background-color:var(--box-color);border:solid 2px var(--background-color-darker);border-radius:8px;color:var(--background-text-color);text-decoration:none;cursor:pointer;&:hover{border-color:var(--background-color-border)}&.primary{border-color:var(--maincolor);>i{color:var(--maincolor)}&:hover{border-color:var(--maincolor-hover)}}>i{font-size:80px;flex:0 0 auto}h3{margin:0 0 4px}.description{font-size:100%;line-height:130%;display:block}}.quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:5px 25px;margin-top:30px;padding-top:20px;border-top:solid 1px var(--background-color-border);.quick-link{display:flex;align-items:center;gap:8px;color:var(--background-text-color);text-decoration:none;font-size:95%;padding:5px 0;i{color:var(--background-icon-color)}&:hover{color:var(--maincolor);i{color:var(--maincolor)}}}.quick-link.logout{margin-left:auto}@media(max-width:600px){.quick-link.logout{margin-left:0}}}}}:is(.record .orderRowAndDocument,.record-details .orderRowAndDocument,.shoppingcart-rows.orderRowAndDocument) .row{position:relative;padding:10px 0;column-gap:15px;>*{margin:0}>.image{aspect-ratio:auto;align-self:stretch;overflow:visible;.image{height:100%;width:auto;max-width:100%;aspect-ratio:210 / 275;margin:0 auto;background-size:cover;background-position:center;background-color:var(--background-color-darker);box-shadow:0 0 2px #0000004d}}>.title{font-weight:700;font-size:120%}>.details{margin-bottom:6px;opacity:.7;text-wrap:auto}>.quantity{font-size:120%}>.datetime{opacity:.5}>.document-info{margin:0 -3px;position:absolute;right:0;bottom:0}>.options{margin:0;position:absolute;right:0}}main[data-slug=orders] .record-details .detail-content{@media(min-width:769px){padding:40px}.grid{gap:15px;@container content (max-width: 620px){display:flex;flex-direction:column}}.grid .card.address{gap:0;background-color:#ffffff4d;border-radius:5px;padding:10px;border-left:solid 3px var(--background-color-border)}.card.orderschedule{padding:15px 15px 15px 20px!important;border:none!important;background-color:#ffffff80;border-left:solid 5px var(--maincolor)!important;box-shadow:0 1px 2px #0000001a}}@container content (max-width: 600px){:is(.record .orderRowAndDocument,.record-details .orderRowAndDocument,.shoppingcart-rows.orderRowAndDocument) .row{>.options,>.document-info{position:static;justify-content:flex-end}}}:is(.record-details .orderRowAndDocument,.shoppingcart-rows.orderRowAndDocument){.row{background-color:transparent;border-radius:0;margin:0}.row.head{display:none}.row:not(.head)+.row:not(.head){border-top:solid 1px var(--background-color-border)}}.overview.MediaDocument .records{.row>.remove-warning{grid-column:1 / -1;display:block;box-sizing:border-box;margin-top:8px;padding:8px 12px;border-radius:5px;border:solid 1px var(--warning-color);background-color:color-mix(in srgb,var(--warning-color) 8%,transparent);cursor:pointer;i{margin-right:4px}&.red{border-color:var(--failure-maincolor);background-color:color-mix(in srgb,var(--failure-maincolor) 8%,transparent);color:var(--failure-maincolor)}}}.overview.MediaDocument:not(.blocks) .records .row>.remove-warning{display:none;.image{max-width:210px;max-height:275px;aspect-ratio:210 / 275}.image:not(.content){overflow:visible;margin:20px auto}.image.content.cover{width:210px;max-width:100%;aspect-ratio:210 / 275;background-color:var(--background-color-darker);background-size:cover;background-position:center;position:relative;box-shadow:-1px 0 5px #0000004d;transition:transform .3s ease-in-out;&:after{content:"";position:absolute;top:0;left:3px;width:1px;height:100%;background-color:#00000014;border-left:solid 1px rgb(255 255 255 / .15)}}.row:hover .image.content.cover{transform:rotate(-1deg) scale(1.05)}}body.user .overview.MediaDocument.blocks .records .row{display:grid;align-items:center;align-content:start;column-gap:10px;row-gap:4px;padding:20px;.title{font-size:120%;font-weight:700;margin-bottom:0}>.name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;margin-bottom:12px;font-weight:300}>.image{justify-content:center}>.id{justify-content:flex-start;color:#999}>.document-info,>.status{justify-content:flex-end}>.options{margin-top:8px}>.document-info{padding-bottom:0;overflow:visible;>div>span{border:solid 1px rgba(219,205,197,.3)}}position:relative;&.shared>.shared-badge{position:absolute;top:12px;left:12px;z-index:1;display:flex;align-items:center;gap:6px;width:auto;padding:4px 9px;border-radius:4px;background-color:var(--background-color-border);font-size:85%}}body.user .overview.MediaDocument .records .document-info .last-opened{display:none}.form.download-pdf .button-group .button{font-size:100%}main.page[data-slug=mediabank]{.mediabank-actions .container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 25px;.selection-info{color:var(--background-icon-color);font-size:95%}}.mediabank-view .content .container{padding-top:0}.mediabank-upload-status .container{display:flex;align-items:center;gap:10px;padding:10px 25px;i{color:var(--maincolor)}.progress{flex:1 1 auto;height:6px;background-color:var(--background-color-darker);border-radius:3px;overflow:hidden;.bar{height:100%;width:0;background-color:var(--maincolor);border-radius:3px;transition:width .3s}}}.mediabank-view.drag-over>.content{position:relative;&:after{content:attr(data-drop-message);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--background-color-darker-75);border:dashed 2px var(--maincolor);border-radius:5px;font-size:140%;font-weight:700;color:var(--maincolor);pointer-events:none;z-index:2}}.overview.mediabank-assets{.records{margin:2px 0;gap:12px}&.small .row.asset .thumbnail{height:80px}&.large .row.asset .thumbnail{height:160px}&.extralarge .row.asset .thumbnail{height:180px}.row.asset{position:relative;background-color:var(--box-color);border:solid 1px var(--background-color-darker);border-radius:5px;outline:solid 0 var(--background-color);padding:0;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s;.thumbnail{position:relative;height:120px;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:3px;margin:0;background-color:var(--background-color-darker-75);&.fill{background-size:cover}}.text{font-size:90%;display:block;padding:4px 7px;box-sizing:border-box;.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.4}}.used{position:absolute;top:0;right:0;min-width:17px;text-align:center;color:var(--maincolor-text);padding:3px;border-radius:0 5px;background-color:var(--red);font-weight:700;box-shadow:0 0 2px 1px #0003}&:hover{border-color:var(--background-color-border)}&.selected{border-color:var(--maincolor);outline:solid 2px var(--maincolor);background-color:var(--maincolor);color:#fff;box-shadow:2px 1px 3px #0000004d}}}}.overview.products{.row[data-id]{cursor:pointer;.image{transition:transform .2s ease-in-out}&:hover .image{transform:rotate(-.5deg) scale(1.02)}}}.account-view{.addresses{background-color:var(--box-color);border-radius:5px;padding:20px;>h2{margin:0 0 15px}.card.account-address{position:relative;background-color:var(--background-color);padding:15px;.corner{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:8px;i.default{color:var(--maincolor-border);border:solid 1px var(--background-color-border);padding:6px;border-radius:20px}}}}}.account-delete-view{.content>.container{width:500px;max-width:100%;margin:40px auto;box-sizing:border-box;.collapsible{margin:10px 0}}.form{padding:30px}}:is(.shoppingcart,.checkout){.shoppingcart-rows{background-color:var(--box-color);border-radius:5px;padding:20px;h2{margin:0 0 10px}}.card.shoppingcart-summary{font-size:110%;line-height:180%;.table .line{display:flex;justify-content:space-between;gap:20px;label,span{width:auto}&.discount{font-weight:700;color:var(--success-maincolor)}&.total{font-weight:700;font-size:120%;border-top:solid 1px var(--background-color-border);padding-top:6px;margin-top:4px}}.coupon-section{margin:25px 0;font-size:var(--font-size);line-height:normal;input[name=code]{font-size:120%;font-weight:700;text-transform:uppercase}&.success input[name=code]{color:var(--success-maincolor)}&.failure input[name=code]{color:var(--failure-maincolor)}.info{display:flex;flex-direction:column;gap:6px;padding:15px;border-radius:10px;border:dashed 2px var(--success-maincolor);background-color:color-mix(in srgb,var(--maincolor) 5%,transparent);&:empty{display:none}.message{font-weight:700;line-height:130%}.description{font-size:110%;font-style:italic;font-weight:700}.value{font-size:120%;font-weight:700;color:var(--success-maincolor)}.reservation{font-style:italic;line-height:140%}.limitations{margin-top:6px;padding-top:10px;padding-left:17px;border-top:solid 1px var(--background-color-border);li{list-style:disc}}}&.success .info .message{font-size:120%;color:var(--success-maincolor)}&.failure .info{border-color:var(--failure-maincolor);background-color:color-mix(in srgb,var(--failure-maincolor) 8%,transparent);.message{color:var(--failure-maincolor)}}}>.content>.button-group{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}}}.checkout{.checkout-addresses .content{display:grid;grid-template-columns:1fr 1fr;gap:20px;.address-block{display:flex;flex-direction:column;gap:8px;h3{margin:0}.form.address-select{background-color:transparent;padding:0}.button.add-address{align-self:flex-start;align-items:center;padding:8px 12px}.not-applicable{display:none;opacity:.6}&.not-needed{.form.address-select,.add-address{display:none}.not-applicable{display:block}}}.check-addresses{display:none;grid-column:1 / -1;font-size:120%;font-weight:700;color:var(--maincolor);text-align:center;border:dashed 2px var(--maincolor);border-radius:5px;padding:12px;&.visible{display:block}}@container content (max-width: 768px){grid-template-columns:1fr}}.card.shippingmethod{.add-address-message{opacity:.7;padding:10px 0}.shippingmethods{display:flex;flex-direction:column;label.method{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"radio name from price" "radio schedule schedule schedule" "radio info info info";column-gap:10px;align-items:baseline;padding:5px;cursor:pointer;&:not(:first-child){border-top:solid 1px var(--background-color-border)}@media(hover:hover){&:hover{background-color:#0000000a}}input{grid-area:radio}.name{grid-area:name;font-weight:700;font-size:110%}.price{grid-area:price;font-weight:700;justify-self:end;white-space:nowrap;&.free{color:var(--green);font-size:90%;border:solid 2px var(--green);border-radius:5px;padding:0 5px}&.from{grid-area:from;font-weight:500;text-decoration:line-through;opacity:.6}}.schedule{grid-area:schedule;margin-bottom:8px;.date{font-weight:700;color:#09695f}}&[data-method*=MAILBOX] .schedule .date{color:var(--failure-maincolor)}&[data-method=PICKUP] .schedule .date{color:var(--success-maincolor)}.info{grid-area:info;font-weight:300;opacity:.8;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;ul{margin:0;padding-left:17px;li{list-style:none;position:relative;margin-bottom:2px;&:before{font:var(--fa-font-solid);content:"\f00c";color:#999;position:absolute;margin-left:-15px}&.pro:before{content:"\f00c";color:var(--success-maincolor)}&.con:before{content:"\f068";color:var(--failure-maincolor)}&.con-orange:before{content:"\f068";color:var(--warning-color)}&.pin:before{content:"\f3c5";margin-left:-12px}&.time:before{content:"\f017";margin-left:-14px}}}}&:hover .info{max-height:200px}}}.shipping-info,.moreinfo{opacity:.8;line-height:150%;margin-top:8px;a{font-weight:700;color:var(--maincolor)}}}.asterisk{font-size:140%;font-weight:700;color:var(--maincolor)}.card.checkout-summary{.agree-terms{display:flex;align-items:baseline;gap:8px;margin-top:15px;font-size:var(--font-size);line-height:normal;cursor:pointer}.order-message{color:var(--failure-maincolor);font-size:var(--font-size);line-height:normal;font-weight:700;margin-top:8px;&:empty{display:none}}}}.modal.address-modal{max-width:480px;h2{display:flex;align-items:center;gap:8px;margin:0 0 15px}.form.address-form{background-color:transparent;padding:0}.full{grid-column:1 / -1}.other-country.hidden,.field.hidden{display:none}.address-check-results{&:empty{display:none}>.check-message,>.candidates{background-color:var(--box-color);border:solid 1px var(--background-color-border);border-radius:5px;padding:10px;margin-bottom:10px}.check-message{font-size:90%;line-height:140%;&.success{color:var(--success-maincolor);font-weight:700}&.warning{color:var(--warning-color)}}.candidates .record{padding:6px 10px;border-radius:5px;background-color:var(--background-color-darker);cursor:pointer;margin-top:6px;&:hover{background-color:var(--input-option-background-color)}&.selected{background-color:var(--maincolor);color:var(--maincolor-text)}}}.field.optional>.optional{position:absolute;top:4px;right:8px;font-size:70%;font-weight:400;opacity:.6;pointer-events:none}.country-field,.addresstype-field{display:flex;flex-direction:column;gap:6px;margin-top:10px;>label{font-weight:700;color:var(--input-label-color)}.option-tags{display:flex;flex-wrap:wrap;gap:6px;.option{position:relative;padding:7px 12px 7px 32px;border-radius:5px;background-color:var(--background-color-darker);cursor:pointer;&:before{font:var(--fa-font-regular);content:"\f0c8";position:absolute;left:10px;font-size:105%;opacity:.6}&:hover{background-color:var(--input-option-background-color)}&.tagged{background-color:var(--maincolor);color:var(--maincolor-text);&:before{content:"\f14a";opacity:1}}}}}.message{color:var(--failure-maincolor);font-weight:700;margin-top:10px;&:empty{display:none}}}.payment-view{.content>.container{width:500px;max-width:100%;margin:40px auto;box-sizing:border-box}.form{padding:30px}.payment-fields{margin:15px 0 20px}.payment-state{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:5px;border:solid 1px var(--background-color-border);background-color:var(--background-color);font-weight:600;&[data-state=success]{background-color:color-mix(in srgb,var(--success-maincolor) 12%,white);border-color:var(--success-maincolor);color:var(--success-subcolor)}&[data-state=cancelled],&[data-state=failure]{background-color:color-mix(in srgb,var(--failure-maincolor) 8%,white);border-color:var(--failure-maincolor);color:var(--failure-subcolor)}}.payment-waiting{margin-top:15px;line-height:150%;opacity:.8}.payment-retry{margin-top:15px;.button{justify-content:center;padding:10px 14px}}}.card .table{label{display:inline-block;width:45%}span{display:inline-block;width:55%}}.card.plaintext{.content{max-width:100%}pre{background-color:#fff;overflow:scroll;padding:20px;white-space:pre-wrap;word-break:break-word}}.card.autofill{.content{display:flex;flex-direction:column;gap:6px}.suggestion-group{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;label{min-width:110px}.suggestion{border:solid 1px var(--background-color-border);background-color:#ffffff80;padding:3px 8px;border-radius:5px;cursor:pointer;&:hover{background-color:#fff}}}}.card.context-clickable{cursor:pointer;transition:background-color .5s;&:hover{background-color:#ffffff80}}.view:not(.dashboard-view) .grid:has(.context-clickable){overflow:hidden;flex-shrink:0}.card.address{position:relative;.swap-address{position:absolute;top:8px;right:8px;padding:6px 8px;border-radius:5px;color:var(--background-icon-color);opacity:.5;transition:opacity .3s,background-color .3s;&:hover{opacity:1;background-color:var(--background-color-darker)}}}.card.order-action,.card.queue-job{.section+.section{margin-top:12px;padding-top:12px;border-top:solid 1px var(--background-color-darker)}.line{margin-bottom:4px;label{display:inline-block;width:30%;font-weight:700}span>div{display:inline-block}}.mail-view{margin-top:12px;padding:10px 12px;border:solid 1px var(--background-color-border);border-radius:5px;background-color:#fff;line-height:1.5;p{margin:0 0 1em}p:last-child{margin-bottom:0}}.button-group{margin-top:12px;padding-top:12px;border-top:solid 1px var(--background-color-darker)}.photo-attachments{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:12px}.photo-attachment{max-width:150px;max-height:150px;border-radius:5px;cursor:pointer;object-fit:cover;transition:max-width .2s,max-height .2s;&.expanded{max-width:100%;max-height:none}}}.card.queue-job{.section>label{display:block;font-weight:700}pre{margin-top:6px;padding:10px 12px;border:solid 1px var(--background-color-border);border-radius:5px;background-color:#fff;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}}.card.splitorderinfo .multi-cell>div{display:inline-block;border:solid 1px var(--background-color-border);border-radius:5px;padding:4px 6px;margin:0 5px 5px 0;&:before{font:var(--fa-font-regular);color:var(--background-icon-color);content:"\f111";text-rendering:auto;-webkit-font-smoothing:antialiased;margin-right:6px;opacity:.5}&.ordernumber:before{content:"#"}&.shippingmethod:before{content:"\f48b"}&.datetime:before{content:"\f133"}}.card.fontcollection{.fontFamily{padding:5px 0;border-bottom:dotted 1px var(--background-color-border);cursor:pointer;.name{font-weight:400;font-style:normal;font-size:150%;line-height:200%}.count{padding:10px 15px;opacity:.5;float:right}.fontsHolder{font-size:120%;line-height:150%;padding:5px 15px 15px}&:not(.open) .fontsHolder{display:none}}}.card.order-summary .table{margin-bottom:20px;.line{margin-bottom:4px}.line.status{margin-bottom:12px}.line.total{font-weight:700}.line.discount_excluding_vat{font-weight:700;color:var(--success-maincolor)}.status>div{display:inline-block}}.card.order-delivery{.multi-cell{margin-bottom:12px}.schedule,.tracking{margin-top:8px}.schedule label{font-weight:700;margin-right:6px}}.card.order-payment .button-group{margin-top:4px}.card.decoration-preview{.image{height:300px;background-size:contain;background-repeat:no-repeat;background-position:center;&.shape{background-color:var(--maincolor);background-size:90% 90%;border-radius:6px}}.button-group{margin-top:10px;padding-top:10px;border-top:solid 1px var(--background-color-darker)}}.card.product-media{.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.item{position:relative;img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:solid 1px var(--background-color-darker);border-radius:6px;background-color:#fff}.delete{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background-color:var(--background-color);cursor:pointer;&:hover{background-color:var(--red);color:#fff}}}.button-group{margin-top:10px;padding-top:10px;border-top:solid 1px var(--background-color-darker)}}.card.orderschedule{.calendar{width:100%;display:flex;gap:4px;margin:15px 0;div{width:100%;text-align:center;padding:10px;border-radius:5px;line-height:1.4;position:relative;&:not(:first-child):before{width:1px;height:70%;content:"";position:absolute;left:-2px;top:15%;background:#0000000d}label{font-weight:300;display:block}span{font-weight:700;font-size:170%;display:block;margin-bottom:6px}&[data-status]:after{font:var(--fa-font-regular);content:"\f111";text-rendering:auto;-webkit-font-smoothing:antialiased;font-size:120%}&[data-status].done:after{content:"\f058";font:var(--fa-font-solid);font-size:120%}&[data-status=Delivery]:after{content:"\f06b"}}div.weekend{span,label{opacity:.3}}div.today{box-shadow:0 0 5px #00000026;+div:before{background:transparent}}}.progress{display:flex;flex-direction:column;gap:3px;max-width:500px;>div{background-color:#fff6;padding:10px;border-radius:5px;display:flex;gap:15px;div{min-width:110px;border-right:solid 1px var(--background-color)}div:before{font:var(--fa-font-regular);font-size:120%}span{font-weight:300}&.done{div:before{content:"\f058";font:var(--fa-font-solid);font-size:120%}span{font-weight:500}}&.current{div:before{content:"\e1d4";display:inline-block;animation:fa-spin 8s infinite linear}}}div.weekend{opacity:.4}div.today{box-shadow:0 0 5px #00000026}}}.card.orderschedule{.dates{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;.line{display:flex;gap:10px;align-items:baseline;label{min-width:180px}&.shippingmethod{border-bottom:solid 1px var(--background-color);padding-bottom:5px;margin-bottom:5px}@container content (max-width: 414px){flex-direction:column;align-items:stretch;gap:0;label{font-weight:700;min-width:0}}}}.tiles{display:flex;flex-wrap:wrap;gap:3px;@container content (max-width: 600px){flex-direction:column}.tile{--tile-background: var(--background-color);--arrow-width: 5px;--arrow-stretch: 3;--notch-background: color-mix(in srgb, white 50%, var(--background-color));flex:1 1 0;min-width:100px;position:relative;padding:5px 10px;line-height:1.4;background-color:var(--tile-background);border-radius:5px;>svg{position:absolute;top:50%;width:var(--arrow-width);height:calc(var(--arrow-width) * var(--arrow-stretch));transform:translateY(-50%)}>svg.arrow{z-index:2;right:calc(-1 * var(--arrow-width));fill:var(--tile-background)}>svg.notch{z-index:1;left:0;fill:var(--notch-background)}&:last-child>svg.arrow,&:first-child>svg.notch{display:none}@container content (max-width: 600px){>svg.arrow{inset:auto auto 0 50%;transform:translate(-50%,calc((var(--arrow-width) * var(--arrow-stretch) + var(--arrow-width)) / 2)) rotate(90deg)}>svg.notch{top:0;left:50%;transform:translate(-50%,calc((var(--arrow-width) - var(--arrow-width) * var(--arrow-stretch)) / 2)) rotate(90deg)}}label{font-weight:700;border-bottom:solid 1px var(--background-color-darker-75);margin-bottom:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}>span{display:block;white-space:nowrap}&.deliverydate{--tile-background: color-mix(in srgb, var(--green) 85%, white);color:#fff}}}.asterisk{color:var(--maincolor);font-weight:700}.disclaimer{line-height:1.5;margin-top:12px;color:color-mix(in srgb,currentcolor 70%,transparent);u{text-underline-offset:2px}}}body.visitor .form-view{>.content{display:flex;flex-direction:column}.content>.container{width:800px;max-width:100%;box-sizing:border-box;margin:auto;.form{padding:30px;h2{font-size:170%}}}}body.visitor main.page[data-slug=passwordforgotten] .form-view .content>.container,body.visitor main.page[data-slug=passwordactivation] .form-view .content>.container,body.visitor main.page[data-slug=accountactivation] .form-view .content>.container{width:400px}