:root{--primary:#fae6e4;--secondary:#00428e;--primary-dark:#ea968e;--secondary-dark:#001328;--grey:#fafafa;--grey-200:#e5e7eb;--grey-600:#9ca3af;--black:#111;--black-600:#444;--color-success:#22c55e;--color-error:#dc2626;--color-warn:#facc15;--color-info:#0ea5e9;--border-radius:.5em;--sidebar-width:280px;--deg:0deg;--progress-offset:100px}.container{margin:0;max-width:1024px}.container.centered{margin:0 auto}.container.column{display:flex;flex-flow:column nowrap}.container.content-centered{align-items:center;justify-content:center}.container+.container{margin-top:1.5rem}.title.container{align-items:center;display:flex;justify-content:space-between;margin:0}.title.container h1{margin:0}.grid-container{display:grid;grid-template-columns:var(--sidebar-width) 1fr}.top-bar{background:#fff;border-bottom:1px solid var(--grey-200);box-shadow:0 0 3px rgba(0,0,0,.1);height:2.5rem;position:relative}.secondary-nav{align-items:center;display:flex;justify-content:flex-end;margin-bottom:3rem}.columns{display:flex;flex-flow:row nowrap}.columns>div{flex:1}body,html{font-family:figtree,sans-serif;margin:0;padding:0}body{background:var(--grey);color:var(--black);display:grid;min-height:100vh}.hidden{display:none}.panel{background:#fff;border:1px solid var(--grey-200);border-radius:var(--border-radius);box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:1em;padding:1em}.panel--small{width:320px}.panel--inset{background:var(--grey);border-radius:var(--border-radius);box-shadow:inset 0 0 20px rgba(0,0,0,.15)}.panel .flush-with-panel{margin-left:-1em;margin-right:-1em}.panel .panel--footer,.panel .panel--header{border-bottom:1px solid var(--grey-200);margin:-1em -1em 1em;padding:1em 1em .7em}.panel .panel--footer.with-controls,.panel .panel--header.with-controls{align-items:center;display:flex;justify-content:space-between}.panel .panel--footer{border-bottom:0;border-top:1px solid var(--grey-200);margin:1em -1em -1em}.panel .panel--subtitle{display:block;padding-bottom:1em}.panel .panel--subtitle.has-icon svg{color:var(--grey-600)}.panel .panel--section{border-bottom:1px solid var(--grey-200);margin-bottom:2em;padding-bottom:1em}.row{display:flex;flex-flow:row nowrap}.row>.column{flex:1}.column{display:flex;flex-flow:column nowrap}.association-wrapper{max-height:250px;overflow-x:hidden;overflow:scroll;padding:.5em}.association-wrapper .list-item{padding:.3rem}.association-wrapper .list-item .sub-listing{padding-left:.5rem;padding-top:.3rem}.association-wrapper button.product{margin:0 .5em .5em 0}.association-wrapper .field{margin:0 0 .5em}.association-wrapper>p{display:block;text-align:center}.add-relation-form{background:var(--grey);border:1px solid var(--grey-200);border-radius:var(--border-radius);margin:1em 0;max-width:100%;padding:.5em;position:relative}.add-relation-form .field>input{border:1px solid var(--grey-200)}.add-relation-form button.close-btn{float:right}.associations-manager{position:relative}.associations-manager>button.round{position:absolute;right:0;top:-35px}.toggle-relation-search{border-radius:50%;float:right;font-size:2rem;margin-top:-20px;padding:.3rem}.button,button{border:0;border-radius:var(--border-radius);cursor:pointer;padding:.8em 1.4em;text-decoration:none}.button.primary,button.primary{background:var(--primary)}.button.primary:hover,button.primary:hover{background:var(--primary-dark)}.button.secondary,button.secondary{background:var(--secondary);color:var(--grey)}.button.secondary:hover,button.secondary:hover{background:var(--secondary-dark)}.button.small,button.small{padding:.4em .7em}.button.danger,button.danger{background:crimson;color:#fff}.button.as-link,button.as-link{background:none;border:0;font-size:1rem;padding:0;text-decoration:underline}.button.as-link.no-line,button.as-link.no-line{text-decoration:none}.button.as-link:hover,button.as-link:hover{color:var(--secondary)}.button.with-icon,button.with-icon{align-items:center;display:flex}.button.with-icon svg,button.with-icon svg{margin-right:1em}.button.with-icon svg.spinner,button.with-icon svg.spinner{height:1rem;margin:0 5px -3px 0}.button.with-icon.icon-right svg,button.with-icon.icon-right svg{margin-left:1em;margin-right:0}.button.no-style,button.no-style{background:none;border-radius:0;padding:0}.button.round,button.round{align-items:center;border-radius:100px;display:flex;height:2.3rem;justify-content:center;line-height:0;margin:0;padding:0;width:2.3rem}.button.round.has-tooltip .tooltip,button.round.has-tooltip .tooltip{left:-30%;top:-14px}.button.round.with-icon svg,button.round.with-icon svg{height:2rem;margin-right:0;width:2rem}.button .flex,button .flex{align-items:center;display:flex}.has-tooltip{position:relative}.has-tooltip .tooltip{background:rgba(0,0,0,.8);border-radius:var(--border-radius);color:#fff;display:none;font-size:.7rem;left:-50%;padding:.4rem;position:absolute;top:-35px;white-space:nowrap;z-index:200}.has-tooltip:hover .tooltip{display:block}.list--filters .bulk-actions{margin-right:auto}.bulk-actions select{background:#fff;border:1px solid var(--grey-200);padding:.3rem .5rem}.bulk-editor{border:2px solid var(--grey-200);border-radius:8px;box-shadow:0 0 100px rgba(0,0,0,.2);max-width:600px;outline:0;overflow:hidden;overflow-y:scroll;position:absolute;top:5vh;width:90%}.bulk-editor .button-wrapper{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-end}.bulk-editor .save-indicator{margin-right:auto}.bulk-editor .product-name-list{background:var(--grey);border-radius:5px;display:block;padding:.4em}.bulk-editor .close-btn{font-size:1.6rem;position:absolute;right:1em;text-decoration:none;top:.5em}.bulk-editor .close-btn:hover{color:var(--primary-dark)}.category-editor .button-wrapper{justify-content:flex-end}.category-manager .button-wrapper{margin-top:1rem}.editor{display:grid;grid-template-columns:2.5fr 1fr;margin-bottom:2rem;max-width:none}.editor .editor--content,.editor .editor--sidebar{padding-right:2rem}.editor .controls{align-items:flex-end;display:flex;margin:-4.5rem 0 1rem}.language-tabs{border-bottom:1px solid var(--secondary);margin-bottom:1rem}.language-tabs button{background:none;border:1px solid var(--grey-200);border-bottom:0;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:-1px}.language-tabs button:hover{border-color:var(--black)}.language-tabs button.active{border-color:var(--secondary);border-bottom:1px solid #fff;color:var(--secondary)}.content-editor{display:none}.content-editor.active{display:block}.content-editor .summary{min-height:100px}.pricing label{flex:1}.pricing input{max-width:100px}.row .form-group.column:first-of-type{padding-right:1.5rem}.publish-dates{background:var(--grey);padding:.4rem}.copy-btn{float:right}.status-row{align-items:center;margin-bottom:.4em}.status-row label{flex:1}.status-row .dropdown-toggle.hidden{display:block}.pause-indicator{display:inline-block;margin-left:auto}.pause-indicator .indicator{background:var(--grey-600);display:flex;font-size:.9rem;padding:.4em .7em}.pause-indicator .indicator.live{background:var(--color-success)}.pause-indicator .indicator svg{height:1.2rem;width:1.2rem}.panel--header .pause-indicator .indicator{pointer-events:none}.field{display:flex;flex-flow:column nowrap;margin:0 0 1.5em;width:100%}.field label{padding-bottom:5px}.field input{font-size:1.2rem;padding:.3em}.field.small input{font-size:1rem}.field.row{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:.5em}.field .field-explanation{flex:1 0 100%;font-size:.85rem;padding-top:.4rem;text-align:right}.field select{padding:.4rem}.button-wrapper{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between}.form-group strong{display:block;padding-bottom:.3rem}.button-dropdown .dropdown-menu{list-style:none;margin:0;padding:0;top:100%}.button-dropdown .dropdown-menu button{border-radius:0;width:100%}.button-dropdown{position:relative}.button-dropdown .dropdown-menu{position:absolute;z-index:9000}.button-dropdown .dropdown-toggle.in-stock{background:var(--color-success)}.button-dropdown .dropdown-toggle.out-of-stock{background:var(--color-error);color:#fff}.button-dropdown .dropdown-toggle.hidden{background:var(--color-warn)}.button-dropdown .dropdown-toggle.preorder{background:var(--color-info)}.status-row{flex-flow:row wrap}.status-row .row{box-sizing:border-box;flex:1 0 100%;font-size:.7rem;margin:10px 0 15px;padding-left:10px;text-transform:uppercase}.status-row .row input{border:1px solid rgba(0,0,0,.3);border-radius:4px;box-shadow:none;padding:5px}.list{display:flex;flex-flow:column nowrap}.list--header{background:var(--grey);border:1px solid var(--grey-200);border-left:0;border-right:0;display:flex;flex-flow:row nowrap;justify-content:space-between;list-style:none;margin:.7rem 0;padding:.7rem 1rem}.list--header li{flex:1;font-weight:500}.list--header li.check{flex:0.3}.list--header li.large{flex:3}.list--header li.actions{text-align:right}.list--filters{display:flex;justify-content:flex-end}.list--pagination{align-items:center;background:var(--grey);border:1px solid var(--grey-200);border-left:0;border-right:0;display:flex;flex-flow:row wrap;justify-content:center;list-style:none;padding:1em}.list--pagination li{margin:0 .5em .5em 0}.toggle-filters{margin-right:.8rem}.filter-controls .category-dropdown .sub{padding-left:3rem}.list-item{align-items:center;border-bottom:1px solid var(--grey-200);display:flex;flex-flow:row wrap;padding:1rem}.list-item:hover{background-color:var(--grey-200)}.list-item:last-of-type{border-bottom:0}.list-item .check{margin-right:1rem}.list-item .channel,.list-item .last-synced,.list-item .title{display:flex;flex:1;margin:0 1rem}.list-item .channel a,.list-item .channel a:visited,.list-item .last-synced a,.list-item .last-synced a:visited,.list-item .title a,.list-item .title a:visited{color:var(--black)}.list-item .channel a:hover,.list-item .last-synced a:hover,.list-item .title a:hover{color:var(--secondary)}.list-item .title .status{flex:0 0 15px;margin:0 .5rem 0 0}.list-item .title .paused-indicator{align-items:center;align-self:flex-start;background:var(--grey-600);border-radius:1rem;color:#fff;display:flex;flex-flow:column nowrap;justify-content:center;margin:0 .5rem 0 0;padding:.2rem}.list-item .title .paused-indicator svg{height:.9rem;width:.9rem}.list-item .status{flex:0.5;margin-right:1.5rem}.list-item .status p{align-items:center;display:flex;font-size:.8rem;justify-content:flex-end}.list-item .status span{border-radius:4px;margin-left:.3rem;padding:.2rem .4rem}.list-item .thumbnail{background:var(--primary);height:50px;overflow:hidden;width:50px}.list-item .thumbnail img{display:block;-o-object-fit:cover;object-fit:cover;width:100%}.list-item .status{flex:1}.list-item .status span.in-stock{background:var(--color-success)}.list-item .status span.out-of-stock{background:var(--color-error);color:#fff}.list-item .status span.hidden{background:var(--color-warn);display:inline}.list-item .status span.preorder{background:var(--color-info)}.list-item .actions a,.list-item .actions button{color:var(--black-600);margin-left:1rem}.list-item .actions a:hover,.list-item .actions button:hover{color:var(--primary-dark)}.list-item .sub-listing{flex:1 0 100%;padding-top:1.5em}.list-item .sub-listing:empty{display:none}.product-images{grid-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;list-style:none;padding-left:0}.product-images .media-image{aspect-ratio:1;cursor:pointer;position:relative;transition:all .1s ease}.product-images .media-image img{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.product-images .media-image .image--delete,.product-images .media-image .image--set-featured{border-radius:50%;height:2rem;position:absolute;right:.3rem;top:.3rem;width:2rem}.product-images .media-image .image--delete.active,.product-images .media-image .image--delete:hover,.product-images .media-image .image--set-featured.active,.product-images .media-image .image--set-featured:hover{background:gold}.product-images .media-image .image--delete.active,.product-images .media-image .image--set-featured.active{pointer-events:none}.product-images .media-image .image--delete.active .tooltip,.product-images .media-image .image--set-featured.active .tooltip{display:none!important}.product-images .media-image .image--delete{background:#fff;left:.3rem;right:auto}.product-images .media-image:hover{transform:scale(.95)}.media-dropzone{align-items:center;background:rgba(0,0,0,.1);border-radius:var(--border-radius);display:flex;flex-flow:column nowrap;justify-content:center;padding:2rem}.media-dropzone.drag-over{background:rgba(0,0,0,.2)}.media-dropzone .upload-indicator{align-items:center;display:flex;flex-flow:column nowrap}.image-editor{height:80vh;left:10vw;overflow:scroll;position:fixed;top:10vh;width:80vw;z-index:200}.image-editor .image-preview{align-items:center;display:flex;height:100%;justify-content:center}.image-editor .image-preview img{height:auto;max-width:80%}.image-editor .close{float:right;margin:-4rem 0 0}.image-editor .editor--languages{padding-right:2rem}.image-editor .button-wrapper{justify-content:flex-end;padding-right:2rem}svg.spinner{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;color:rgba(0,0,0,.5);height:2rem;margin-bottom:.5rem;width:2rem}.save-indicator{align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;margin:0 1rem}.save-indicator .spinner{margin-bottom:0;margin-right:.5rem}.media-library .product-images.blur{filter:blur(3px);opacity:.7;pointer-events:none}.media-library .product-images .media-image.library-item{align-items:center;background:var(--primary);display:flex;justify-content:center}.media-library .product-images .media-image.library-item .image--edit-button{opacity:0;position:relative}.media-library .product-images .media-image.library-item:hover .image--edit-button{opacity:1}.media-library .media-dropzone{margin-bottom:15px}.video-url-wrapper{align-items:center;display:flex;width:100%}.video-url-wrapper input{flex:1;padding:.4rem .8rem}.video-url-wrapper label{font-weight:700;padding-right:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo{align-items:center;display:flex;height:100%;justify-content:flex-start;width:100%}.logo img{margin-left:2rem;max-height:80%;width:auto}.main-nav{margin:2rem 0}.main-nav ul{display:flex;flex-flow:column nowrap;list-style:none;margin:0;padding:1rem}.main-nav ul li{margin-bottom:.3rem}.main-nav ul a{border-radius:var(--border-radius);color:var(--grey-600);display:block;padding:.6rem 1.2rem;text-decoration:none}.main-nav ul a span{padding-left:1rem}.main-nav ul a:hover{background:#f3f4f6}.main-nav ul a.active{color:var(--secondary-dark)}.user-menu-toggle{align-items:center;display:flex;height:100%;justify-content:flex-end;margin-right:2rem}.user-menu{background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 10px rgba(0,0,0,.1);display:none;list-style:none;padding:1rem;position:absolute;right:1rem;top:1.5rem}.user-menu-toggle:focus-within .user-menu,.user-menu-toggle:hover .user-menu{display:block}.resource-list{background:#fff;border:1px solid var(--grey-200);border-radius:0 0 var(--border-radius) var(--border-radius);border-top:0;list-style:none;margin:-6px 0 0;padding:4px 0 0}.resource-list .list-item{padding:0;width:100%}.resource-list .list-item button{background:none;width:100%}.resource-list .list-item button:focus,.resource-list .list-item button:hover,.resource-list .list-item.selected button{background:var(--grey-200)}.search-field{align-items:center;background:#fff;border:1px solid var(--grey-200);border-radius:var(--border-radius);display:flex;max-width:300px;padding:.3rem .5rem}.search-field svg.w-6{margin:0 .3rem;width:1.3rem}.search-field input{border:0;font-size:1rem}.search-field input:focus{outline:none}.search-field:focus-within{outline:var(--secondary) solid}.structure-columns{height:100%}.structure-columns .panel{flex:0 1 200px;margin-right:10px;padding:0}.structure-columns .category-select{flex:0 1 100px;width:auto}.structure-columns .category-select select{padding:.4rem}.structure-columns ul{list-style:none;margin-left:0;padding:0}.structure-columns button{background:none;border-radius:0;width:100%}.structure-column li{border-bottom:1px solid rgba(0,0,0,.1);text-align:left}.structure-column li:last-of-type{border-bottom:0}.structure-column button{text-align:left}.structure-column .category{align-items:center;display:flex;justify-content:space-between}.structure-column .product{color:var(--secondary);cursor:move;font-size:.9rem;padding:.8em 1.4em}.structure-column .product span{color:var(--gray-600)}.structure-column .active{background:var(--primary)}.structure-nav{margin:20px 20px 40px 0}.structure-nav,.structure-nav a{border-bottom:1px solid var(--grey-600)}.structure-nav a{background:var(--grey);border:1px solid var(--grey-600);border-bottom-color:var(--grey);border-radius:5px 5px 0 0;color:var(--grey-600);display:inline-block;padding:8px 16px;text-decoration:none}.structure-nav a.active{margin-bottom:-1px;padding:8px 16px 9px}.structure-nav a:hover{background:#fff}.product-structure-manager{margin-left:auto;margin-right:20px}.product-structure-manager ul{list-style:none;margin-left:0;padding-left:0}.product-structure-manager ul .product{align-items:center;border-radius:4px;cursor:grab;display:flex;margin-bottom:.5rem;padding:6px 12px}.product-structure-manager ul .product>svg{margin-right:.5rem}.product-structure-manager ul .product .title{margin-right:auto}.product-structure-manager ul .product button{background:none;opacity:0;padding:3px 6px}.product-structure-manager ul .product button:hover{background:#fff!important}.product-structure-manager ul .product:hover button{opacity:1}.product-structure-manager ul .product:hover{background:var(--primary)}.save-container{align-self:flex-start;margin-right:auto;position:sticky;top:10px;width:200px}.save-container>.button{width:100%}.save-container .save-indicator{justify-content:flex-start;margin:0;max-width:100%;text-align:left;width:100%}.progress{align-items:center;background:conic-gradient(var(--secondary) var(--deg),rgba(0,0,0,.1) var(--deg),rgba(0,0,0,.1) 1turn);border-radius:30px;box-shadow:0 5px 7px rgba(0,0,0,.1);display:flex;height:60px;justify-content:center;margin-top:20px;transition:transform .4s ease-out;width:60px;z-index:400}.progress:hover .icon{background:var(--secondary);color:#fff}.progress .icon{align-items:center;background:#fff;border-radius:50%;color:var(--secondary);display:flex;height:54px;justify-content:center;width:54px}.progress .icon svg{height:1.5rem;width:1.5rem}svg.w-6{width:1rem}svg.w-5{width:.9rem}svg.w-4{width:.7rem}svg.w-3{width:.5rem}.sync-manager{margin-top:-31px}.sync-status{background:var(--color-success);border:1px solid rgab(0,0,0,.2);border-radius:1rem;box-shadow:0 2px 3px rgba(0,0,0,.1);display:block;height:1rem;max-width:1rem;padding:0;width:1rem}.sync-status.new{background:var(--color-info)}.sync-status.error{background:var(--color-error)}.sync-status.skipped{background:var(--color-warn)}.synchronisation.list-item .actions{display:flex;flex:1.2;justify-content:flex-end}.synchronisation.list-item .channel p{margin:0 0 1px}.synchronisation.list-item .language{color:var(--grey-600);font-size:.7rem;margin:5px 0 0;padding-left:20px;text-transform:uppercase}.synchronisation.list-item button.with-icon svg{margin-right:5px}