.buckle-color-container{padding:5px 10px;position:relative;display:flex;align-items:center;gap:20px;justify-content:center}.buckle-container-main{position:absolute;right:200px;top:50%;transform:translateY(-50%)}.buckle-title{font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:18px;line-height:24px;text-align:center;color:var(--primary-color3);transition:all .3s ease-in-out;margin:0 0 5px}.buckle-color-container .buckle-color-item{width:46px;height:46px;position:relative;cursor:pointer;border:1px solid var(--primary-color5);border-radius:8px}.buckle-color-container .buckle-color-item .color-name{margin-top:10px;color:var(--primary-color1);text-align:center;font-family:Chaparral pro light display,sans-serif;font-weight:300;font-size:16px;font-style:normal;line-height:normal;white-space:nowrap;text-transform:capitalize;transition:all .2s ease-in-out;opacity:0;display:none}.buckle-color-container .buckle-color-item:hover .color-name,.buckle-color-container .buckle-color-item.active .color-name{opacity:1}.buckle-color-container .buckle-color-item.active{border:4px solid var(--primary-color10);border-radius:8px}@media (max-width: 767px){.buckle-color-container .buckle-color-item{width:44px;height:44px}.buckle-color-item:hover:before{transform:scale(1.2)}}.MuiTooltip-tooltip{font-family:Chaparral pro light display,sans-serif!important;letter-spacing:1px;font-weight:300!important}.buckle-container-main{color:#000}.main{height:100vh;text-align:center;overflow:hidden}.main .main-canvas{height:calc(100vh - 305px);background:var(--primary-color4);position:relative;padding:0 32px}.main .main-canvas h2{margin:0}@keyframes popIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.toggle-webbing{position:absolute;left:30px;top:30px;font-size:14px;border-radius:6px;z-index:99999;padding:10px 15px;background:var(--primary-color6);color:var(--primary-color);font-family:Chaparral pro semibold,sans-serif;font-weight:600;cursor:pointer;border:none;transition:all .3s ease-in-out;animation:popIn .5s ease-out}.toggle-webbing:hover{background:var(--primary-color10);color:var(--primary-color);transform:scale(1.05)}.toggle-webbing:active{transform:scale(.95);background:var(--primary-color3);box-shadow:0 3px 8px #0006}.threeD-main-container{position:relative}.canvas-3d-main{position:relative;height:400px}.twoD-n-threeD{height:50%;position:relative;overflow:hidden}.twoD-canvas-container{height:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.threeD-canvas-container{width:100%;height:100%}.threeD-canvas-container div{height:100%!important}.canvas-container-main{height:calc(100% - 95px)}.main-canvas-inner{height:100%}.button-link-box{position:absolute;left:32px;top:16px;display:flex;gap:8px}.zoom-container{position:absolute;left:auto;right:32px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column-reverse;z-index:9}.rounded-icon{padding:11px;gap:11px;background-color:var(--primary-color3);color:var(--primary-color);width:48px;height:48px;line-height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;transform:scale(1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.rounded-icon:hover{background-color:var(--primary-color10);transform:scale(.9)}.rounded-icon svg{width:24px;height:24px}.MuiTooltip-popper{font-family:Chaparral pro light display,sans-serif;font-family:300}@media screen and (max-width: 767px){.zoom-container{gap:8px}.zoom-container .rounded-icon{width:40px;height:40px;line-height:40px}}@media screen and (max-width: 479px){.zoom-container{gap:4px}.zoom-container .rounded-icon{width:35px;height:35px;line-height:35px}.zoom-container .rounded-icon svg{width:18px;height:18px}}.disabled{pointer-events:none;background-color:var(--primary-color15)}#hc-loading{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:9999}#hc-loading-center{text-align:center}.hc-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.api_loader{background-color:#fff3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}@keyframes dash{to{stroke-dashoffset:0}}circle{fill:none;stroke:var(--primary-color3);stroke-width:4;stroke-dasharray:200;stroke-dashoffset:200;animation:dash 2s linear infinite;stroke-linecap:round}text{font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:20px;fill:var(--primary-color3);animation:fadeInOut 2s infinite}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.toggle-button-group{border-radius:20px;overflow:hidden;position:absolute;left:32px;right:auto;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:9}.toggle-button-group .toggle-button{color:var(--primary-color5);font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:18px;text-align:left;background-color:var(--primary-color11);height:44px;width:80px;padding:0;margin:0;transition:all .3s ease-in-out;border:1px solid var(--primary-color5)}.toggle-button-group .toggle-button:hover{color:var(--primary-color10);background-color:var(--primary-color11)}.toggle-btn-container .toggle-button-group .toggle-button.three-3{border-top-left-radius:30px;border-bottom-left-radius:30px}.toggle-btn-container .toggle-button-group .toggle-button.two-d-n-three-d{border-top-right-radius:30px;border-bottom-right-radius:30px}.toggle-btn-container .toggle-button-group .selected-3d{background-color:var(--primary-color11);color:var(--primary-color5)}.toggle-btn-container .toggle-button-group .selected-2d-3d{background-color:var(--primary-color3);color:var(--primary-color5)}.toggle-btn-container .toggle-button-group button.Mui-selected{background-color:var(--primary-color3);color:var(--primary-color11);transition:all .3s ease-in-out}.toggle-btn-container .toggle-button-group button.Mui-selected:hover{background-color:var(--primary-color3);color:var(--primary-color11);border-color:var(--primary-color3)}.toggle-btn-container .toggle-button-group button:hover{background-color:var(--primary-color10);color:var(--primary-color11);border-color:var(--primary-color10)}.canvas-printing-area-toggle-box{position:absolute;bottom:10px;left:32px}.label-custom span{font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:18px;line-height:24px;text-align:center;color:var(--primary-color3);transition:all .3s ease-in-out;margin:0;padding:0}.label-custom span.checkbox-custom{color:var(--primary-color3)!important;padding:0;margin-right:8px}.canvas-printing-area-toggle-box label{margin-left:0;z-index:9}.toggle-button-group-products{border-radius:20px;overflow:hidden;position:absolute;left:32px;right:auto;top:20%;transform:translateY(-50%);display:flex;align-items:center;z-index:9}.toggle-button-group-products .toggle-button{color:var(--primary-color5);font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:18px;text-align:left;background-color:var(--primary-color11);height:44px;width:80px;padding:0;margin:0;transition:all .3s ease-in-out;border:1px solid var(--primary-color5)}.toggle-button-group-products .toggle-button:hover{color:var(--primary-color10);background-color:var(--primary-color11)}.toggle-btn-container-products .toggle-button-group-products .toggle-button.collar-products{border-top-left-radius:30px;border-bottom-left-radius:30px}.toggle-btn-container-products .toggle-button-group-products .toggle-button.harness-products{border-top-right-radius:30px;border-bottom-right-radius:30px}.toggle-btn-container-products .toggle-button-group-products .selected-Collar{background-color:var(--primary-color11);color:var(--primary-color5)}.toggle-btn-container-products .toggle-button-group-products .selected-harness{background-color:var(--primary-color3);color:var(--primary-color5)}.toggle-btn-container-products .toggle-button-group-products button.Mui-selected{background-color:var(--primary-color3);color:var(--primary-color11);transition:all .3s ease-in-out}.toggle-btn-container-products .toggle-button-group-products button.Mui-selected:hover{background-color:var(--primary-color3);color:var(--primary-color11);border-color:var(--primary-color3)}.toggle-btn-container-products .toggle-button-group-products button:hover{background-color:var(--primary-color10);color:var(--primary-color11);border-color:var(--primary-color10)}.canvas-btn-sizes-container{display:flex;align-items:flex-end;justify-content:center;padding-top:16px;gap:10px;padding-bottom:8px;width:100%}.canvas-btn-sizes-container.selected{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:9}.canvas-btn-sizes{display:flex;align-items:flex-end;flex-direction:row;overflow-y:auto;overflow-x:hidden;justify-content:center;gap:16px}@media screen and (max-width: 1920px) and (max-height: 768px){.canvas-btn-sizes{overflow-y:auto;overflow-x:hidden}}@media screen and (max-width: 1800px){.canvas-btn-sizes{overflow-y:auto;overflow-x:hidden}}@media screen and (max-width: 1440px){.canvas-btn-sizes{overflow-y:auto;overflow-x:hidden}}.canvas-btn-sizes::-webkit-scrollbar{height:3px;width:3px;background-color:var(--primary-color4);border-radius:100px}.canvas-btn-sizes::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.canvas-btn-sizes::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.canvas-btn-sizes ul{margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px}.canvas-btn-sizes ul li.btn-size-menu-item{list-style-type:none;margin-bottom:0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:44px;height:44px;line-height:44px;border:1px solid var(--primary-color11);border-radius:50%;transition:all .3s ease-in-out}.canvas-btn-sizes ul li.btn-size-menu-item.li_Disabled:hover{color:var(--primary-color11);border-color:var(--primary-color11);background-color:transparent}.canvas-btn-sizes ul li.btn-size-menu-item.li_Disabled:hover .btn-size{color:var(--primary-color11);background-color:transparent;pointer-events:none}.canvas-btn-sizes ul li.btn-size-menu-item:hover,.canvas-btn-sizes ul li.btn-size-menu-item.active{background-color:var(--primary-color10);border-color:var(--primary-color10)}.canvas-btn-sizes ul li.btn-size-menu-item.saved{background-color:var(--primary-color3);border-color:var(--primary-color3)}.canvas-btn-sizes ul li.btn-size-menu-item.active .btn-size{color:var(--primary-color11)}.canvas-btn-sizes ul li.btn-size-menu-item.saved .btn-size{color:var(--primary-color)}.canvas-btn-sizes ul li.btn-size-menu-item .btn-size{font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:16px;text-align:center;color:var(--primary-color5)}.size-save-btn-container .theme-button{font-size:18px;font-weight:600;line-height:18px;padding:12px 20px;border-radius:6px;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Chaparral pro semibold,sans-serif;cursor:pointer;text-transform:capitalize;transition:all .3s ease-in-out}.size-save-btn-container .theme-button:hover{background-color:var(--primary-color10)}.size-save-btn-container .theme-button.size-save-btn.saved{background-color:var(--primary-color11)}.size-save-btn-container .li.btn-size-menu-item:hover .theme-button{color:var(--primary-color)}.btn-size-menu-item{display:flex;align-items:center;margin-bottom:10px}.checkbox-size{margin-right:10px}.canvas-btn-sizes ul li.btn-size-menu-item{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;gap:8px;border:none;width:auto;height:auto;line-height:auto}.canvas-btn-sizes ul li.btn-size-menu-item span.MuiCheckbox-root{padding:0;color:var(--primary-color6);background-color:var(--primary-color11)}.canvas-btn-sizes ul li.btn-size-menu-item:hover,.canvas-btn-sizes ul li.btn-size-menu-item.active{background-color:transparent;border-color:transparent}.canvas-btn-sizes ul li.btn-size-menu-item .btn-size{border-radius:50%;border:1px solid var(--primary-color5);width:38px;height:38px;line-height:44px;min-width:auto}.canvas-btn-sizes ul li.btn-size-menu-item .btn-size:hover{color:var(--primary-color)}.canvas-btn-sizes ul li.btn-size-menu-item.active .btn-size{background-color:var(--primary-color10);border-color:var(--primary-color10)}.canvas-btn-sizes ul li.btn-size-menu-item .btn-size:hover,.canvas-btn-sizes ul li.btn-size-menu-item .btn-size.active{background-color:var(--primary-color10)!important;border-color:var(--primary-color10);color:var(--primary-color)!important}.canvas-btn-sizes ul li.btn-size-menu-item .btn-size.isSavedSize{background-color:var(--primary-color6);color:var(--primary-color)}.size-save-btn-container{display:flex;align-items:flex-end;justify-content:center;gap:10px}.size-save-btn-container span.MuiCheckbox-root{padding:0;color:var(--primary-color6)}.size-save-btn{margin:0;line-height:normal;font-family:Chaparral pro semibold,serif;font-weight:600;letter-spacing:1px;font-size:16px;color:var(--primary-color10);text-transform:capitalize}.canvas-btn-sizes-title{font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;line-height:24px;text-align:center;color:var(--primary-color10);transition:all .3s ease-in-out}.canvas-data{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--primary-color11);position:relative}.material-toggle{display:flex;align-items:center;gap:12px;color:#85a59d}.label{font-size:14px;font-weight:500}.material-switch .MuiSwitch-track{background-color:#85a59d;opacity:1;border-radius:16px}.material-switch .MuiSwitch-thumb{background-color:#85a59d}.add-collection-container{text-align:center;display:inline-block}.add-collection-container button.collection-button{font-size:18px;line-height:18px;padding:14px 40px;border-radius:6px;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase}.add-collection-container button.collection-button.disabled,.collection-add-btn.disabled,.add-tag-btn.disabled,.pattern-name-input.disabled{background-color:var(--primary-color5);opacity:.6;color:var(--primary-color11);pointer-events:none}.add-collection-container button.collection-button .btn-text{margin-left:5px}.add-collection-container button.collection-button:hover{background-color:var(--primary-color10)}button.collection-button{display:block;margin:0 auto 12px;text-transform:uppercase;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px}button.submit_btn{margin-bottom:0;display:flex;justify-content:center;align-items:center;gap:8px}.collection-drawer .MuiDrawer-paper{background-color:var(--primary-color16)}.collection-drawer .MuiDrawer-paperAnchorBottom{height:50%}.collection-drawer .close-btn-drawer{background-color:transparent;color:var(--primary-color3);border-radius:50%;border:1px solid var(--primary-color5);padding:5px;left:auto;right:32px;transition:all .3s ease-in-out}.collection-drawer .close-btn-drawer svg{width:20px;height:20px}.collection-drawer .close-btn-drawer:hover{background-color:transparent;border-color:var(--primary-color10);color:var(--primary-color10)}.collection-list-container{padding:4px 0 0 4px;max-width:100%;overflow-x:hidden;overflow-y:auto;margin:24px 36px 10px;white-space:nowrap;height:320px}.collection-list-container::-webkit-scrollbar{height:6px;width:6px;background-color:var(--primary-color4);border-radius:100px}.collection-list-container::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.collection-list-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.collection-list-container .collection-list{box-shadow:none;border-radius:0;padding:0;color:var(--primary-color);justify-content:flex-start;display:flex;flex-wrap:wrap;list-style-type:none;padding:.5rem;margin:0;background-color:var(--primary-color16)}.collection-list-container .collection-list li{margin:0;padding-right:24px;padding-bottom:24px}.collection-list-container .collection-list li .collection-item{justify-content:flex-start}.collection-list-container ul.collection-list li .MuiChip-root .MuiChip-label{padding:0;color:var(--primary-color11);font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;line-height:22px}.collection-item{display:flex;justify-content:center;align-items:center;gap:8px;width:190px}.collection-item .collection-image-box{display:flex;cursor:pointer;position:relative;transition:transform .3s ease;transform:scale(1)}.collection-item .collection-image-box img.collection-image{width:52px;height:52px;line-height:52px;object-fit:cover;border-radius:10px;white-space:nowrap}.collection-item .collection-image-box:hover{transform:scale(1.1)}.collection-item .collection-image-box .checkbox-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;display:flex;align-items:center;opacity:0}.collection-item .collection-image-box .checkbox-container img{width:32px}.collection-item.selected .collection-image-box .checkbox-container{opacity:1}.collection-item.selected .collection-image-box .checkbox-container .MuiCheckbox-root.Mui-checked{color:var(--primary-color)}.collection-item .collection-name{display:flex;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collection-list-container ul.collection-list li .MuiChip-root{background:transparent;font-family:Chaparral pro light display,sans-serif;font-size:16px;font-weight:300;line-height:normal;color:var(--primary-color);height:auto;padding:0}.collection-list-container ul.collection-list li .MuiChip-root .MuiChip-label{padding:0;color:var(--primary-color11);font-size:16px;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase}.submit-btn-container{text-align:right;margin-right:100px}.submit-btn-container .collection-button:disabled{background-color:var(--primary-color15);pointer-events:none;color:var(--primary-color);opacity:.7;cursor:no-drop}.submit-btn-container .collection-button.disabled:hover{background-color:var(--primary-color11)}.add-new-collection{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:190px}.add-new-collection-icon{width:52px;height:52px;line-height:52px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);color:var(--primary-color);white-space:nowrap;cursor:pointer;font-size:24px}.add-new-collection .add-new-collection-text{padding:0;color:var(--primary-color11);font-size:16px;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-item.new-collection .collection-image-box{width:52px;height:52px;line-height:52px;border-radius:4px;display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer;position:relative;transition:transform .3s ease}.collection-item.new-collection .collection-image-box img{border:1px solid var(--primary-color3);background-color:var(--primary-color12)}.collection-item.new-collection .collection-image-box .checkbox-container img{border:none}.collection-item.new-collection .collection-name{background:var(--primary-color)}.collection-item.new-collection .collection-name.savedName{background:transparent;pointer-events:none}.collection-item.new-collection .collection-name.editing{background:transparent}..collection-item.new-collection .collection-name.editing input{}.collection-item.new-collection .collection-name input{border:none;font-family:Chaparral pro semibold,sans-serif;font-size:16px;font-weight:600;line-height:22px;text-align:left;background:var(--primary-color11)}.collection-item.new-collection .collection-name.editing input::placeholder{color:var(--primary-color10);opacity:.6}.collection-item.new-collection .collection-name.editing input{color:var(--primary-color5)}.collection-item.new-collection .collection-name.savedName input{background:transparent}.collection-item.new-collection .collection-name input:focus-visible{outline:none}.collection-item.new-collection button{width:20px;height:20px;font-size:12px;border-radius:50%;border:1px solid var(--primary-color11);cursor:pointer;transition:all .3s ease-in-out}.collection-item.new-collection button svg{font-size:14px;color:var(--primary-color)}.search-n-btn-container{display:flex;align-items:center}button.collection-add-btn{display:flex;gap:5px;font-size:14px;padding:5px 20px;margin-bottom:0}.add-collection-container button.collection-add-btn{margin-bottom:10px}@media (max-width: 767px){.add-collection-container button.collection-button{display:block}button.collection-add-btn{display:flex}.search_container-mobile{display:flex;align-items:center;gap:8px}.search_container-mobile .search_container{margin:0;width:auto}}.search_container .MuiInputBase-formControl{border-radius:30px}.search_container{display:flex;justify-content:center;align-items:center;width:433px;margin:16px auto 0}.search_container .search__box{width:100%}.search_container .search__box svg{color:var(--primary-color11);width:32px;height:32px}.search_container .search__box input{height:48px;padding:0;font-family:Chaparral pro semibold,sans-serif;font-weight:600;letter-spacing:1px;color:var(--primary-color11)}.search_container .search__box input::placeholder{font-size:18px;font-weight:300;line-height:normal;color:var(--primary-color11)!important;font-family:Chaparral pro semibold,sans-serif;font-weight:600;opacity:1}.search_container fieldset{border-radius:30px;border-width:1px!important;border-color:var(--primary-color11)!important}.search_container fieldset:hover,.search_container fieldset:focus{border-color:var(--primary-color11)}.search_container .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.search_container .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color11)!important}.search_container .Mui-focused fieldset:hover,.search_container .Mui-focused fieldset:focus{border-color:var(--primary-color11)!important}.search_container .button__box{width:184px}.search_container .button__box button{height:56px;font-size:1.125em;font-weight:300;line-height:1.375em;letter-spacing:0em;padding:10px 1.5em;cursor:pointer;border:none;position:relative;display:inline-block;border-radius:.5em;-webkit-border-radius:.5em;-moz-border-radius:.5em;z-index:9;background:var(--primary-color);text-transform:capitalize;box-shadow:none}.search_container .button__box button:hover,.search_container .button__box button:focus{background-color:var(--primary-color4);box-shadow:none}.tags-container-main{display:block;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;margin-bottom:8px;width:180px;position:relative}.tags-container-main:after{display:none;content:"";width:1px;height:270px;background-color:var(--primary-color11);position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-right:-36px}.tags-container-main ul.tags-container{margin:0;padding-right:8px!important;box-shadow:none;border-radius:0;padding:0;color:var(--primary-color);overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:5px;overflow-y:auto;background-color:var(--primary-color11);min-width:100%}.tags-container-main .tags-container::-webkit-scrollbar{height:4px;width:4px;background-color:var(--primary-color4);border-radius:100px}.tags-container-main .tags-container::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.tags-container-main .tags-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.tags-container-main .tags-container li{padding:5px 0;margin:0 auto;justify-content:center}.tags-container-main .tags-container .MuiChip-root .MuiChip-deleteIcon{position:absolute;top:-7px;right:2px;color:var(--primary-color5);font-size:16px;cursor:pointer;margin:0;z-index:9;background-color:var(--primary-color11);border-radius:50%}.tags-container-main .tags-container li:hover .MuiChip-root .MuiChip-deleteIcon{color:var(--primary-color10)}.tags-container-main ul.tags-container li .MuiChip-root{padding:8px 4px;height:32px;color:var(--primary-color3);background:transparent;border:1px solid var(--primary-color5);font-family:Chaparral pro semibold,sans-serif;font-size:14px;font-weight:600;line-height:normal;border-radius:30px;text-transform:capitalize}.tags-container-main button.add-tag-btn{display:flex;align-items:center;gap:8px;font-size:14px;line-height:16px;padding:12px 16px;border-radius:30px;background-color:var(--primary-color6);color:var(--primary-color11);border:none;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease-in-out;cursor:pointer;text-transform:capitalize;margin:0 auto}.tags-container-main button.add-tag-btn:hover{background-color:var(--primary-color10)}.tags-container-main button.add-tag-btn span{display:flex;text-transform:uppercase}.tags-container-main button.add-tag-btn span svg path{stroke:var(--primary-color11)}.tags-container-main li{padding:0;position:relative;width:100%;margin:0 auto;display:flex;justify-content:center}.custom-textfield-container,.custom-textfield-container-inner{position:relative}.custom-textfield-container .custom-textfield{border-radius:30px;border:1px solid var(--primary-color5);background:transparent;color:var(--primary-color10);font-size:14px;font-weight:600;height:32px;text-align:center;width:100px;transition:border-color .3s;padding:8px 12px;font-family:Chaparral pro semibold,sans-serif}.custom-textfield-container .custom-textfield:focus{outline:none}.custom-textfield-container .custom-textfield::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Chaparral pro light display,sans-serif;font-size:14px;line-height:24px;font-weight:300;text-align:center;color:var(--primary-color5);background:var(--primary-color11)}.custom-textfield-container svg{position:absolute;top:-7px;right:4px;color:var(--primary-color5);font-size:16px;cursor:pointer;margin:0;z-index:9;transition:all .3s ease-in-out;background-color:var(--primary-color11);border-radius:50%}.custom-textfield-container svg:hover{color:var(--primary-color10)}.tags-container-data{max-height:160px;overflow-y:auto;padding:0;margin-top:10px}.tags-container-data::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.tags-container-data::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.tags-container-data::-webkit-scrollbar{height:4px;width:4px;background-color:var(--primary-color4);border-radius:100px}.tags-input-container{margin-top:10px}@media (max-width: 767px){ul.tags-container li .MuiChip-root{padding:4px 0 4px 8px;height:26px;font-size:14px}.tags-container .MuiChip-root .MuiChip-deleteIcon{font-size:18px}}@media (max-width: 1500px){.tags-container-main{width:fit-content;padding-right:20px}}.main-contain{height:305px;padding:20px 0 15px;position:relative;overflow-y:auto;background-color:var(--primary-color11);border-top:2px solid var(--primary-color6);display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 1440px){.main-contain{padding:13px 0}}.spencer-container:after{content:"";width:1px;height:270px;background-color:var(--primary-color5);opacity:.5;position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-right:-10px}.spencer-input .MuiOutlinedInput-root fieldset{border-color:var(--primary-color5)}.spencer-input .MuiOutlinedInput-root:hover fieldset{border-color:var(--primary-color6)}.spencer-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--primary-color5)}.spencer-input .MuiOutlinedInput-root .MuiInputBase-input{color:var(--primary-color5)}.main-contain .main-contain-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.main-contain::-webkit-scrollbar{height:0px;width:0px;background-color:var(--primary-color4);border-radius:100px}.main-contain::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.main-contain::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.button-container.add-to-collection{margin:0 auto auto;text-align:right;padding-bottom:16px}.spencer-btn{margin-top:10px!important}.spencer-container{position:relative;padding-right:25px}.pattern-container{margin-top:0;padding:0 5px}.collection-container{margin-top:0;position:relative}.collection-container:after{content:"";width:1px;height:270px;background-color:var(--primary-color5);opacity:.5;position:absolute;left:-20px;bottom:0;margin-right:-36px;top:50%;transform:translateY(-50%)}@media screen and (max-width: 1000px){{display:none}}@media screen and (max-width: 767px){.main-contain{padding:16px;position:relative;overflow:hidden}}@media screen and (max-width: 1500px){.main-contain .main-contain-inner{gap:20px}}.slider-container{width:300px;position:relative}.slider-container:after{content:"";width:1px;height:220px;background-color:#d1d5db;position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-right:-36px}.slider-container .slider-title-container .slider-title{font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;line-height:15px;text-align:left;margin:0;color:var(--primary-color6)}.custom-slider-value-label .slider-value-label{color:var(--primary-color3);font-family:Chaparral pro semibold,sans-serif;font-size:14px;font-weight:600;line-height:22px;text-align:center;top:21px;position:absolute;left:49%;display:none}.slider-container input[type=number],.slider-container input[type=text]{padding:2px;font-size:16px;font-family:Chaparral pro semibold,sans-serif;font-weight:600;color:var(--primary-color10);border:2px solid var(--primary-color5);border-radius:4px;box-sizing:border-box;outline:none;text-align:center;height:auto;max-width:70px;width:100%;margin:0;background-color:var(--primary-color11)}.slider-container input[type=number]:focus,.slider-container input[type=text]:focus{border-color:var(--primary-color6);box-shadow:0 0 4px #0000001a}.slider-container input[type=number]::placeholder,.slider-container input[type=text]::placeholder{color:var(--primary-color5);font-style:italic;font-weight:300;opacity:1}.slider-with-input input::placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Chaparral pro light display,sans-serif;font-size:14px;line-height:24px;font-weight:300;text-align:center;color:var(--primary-color11);background:var(--primary-color10)}.slider-container input[type=number]::-webkit-outer-spin-button,.slider-container input[type=number]::-webkit-inner-spin-button,.slider-container input[type=text]::-webkit-outer-spin-button,.slider-container input[type=text]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-container{width:450px;position:relative;padding:0 5px;display:flex;align-items:center}.slider-input-container{width:100%;position:relative}.slider-container:after{content:"";width:1px;height:270px;background-color:var(--primary-color5);opacity:.5;position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-right:-36px}.slider-container .slider-title-container{display:flex;align-items:center;gap:8px}.slider-container .slider-container-inner{margin-bottom:0}.slider-container .slider-title-container .slider-title{font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:18px;line-height:15px;text-align:left;margin:0;color:var(--primary-color5)}.slider-container .slider-title-container svg{width:24px;height:24px;color:var(--primary-color6)}.slider-container .slider-value{margin-top:0;font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:18px;line-height:22px;text-align:center;color:var(--primary-color10);width:50px}.slider-container .custom-slider .MuiSlider-thumb{color:var(--primary-color3)}.slider-container .custom-slider .MuiSlider-thumb:hover,.slider-container .custom-slider .MuiSlider-thumb.Mui-focusVisible{box-shadow:0 0 0 6px #85a59d4d}.slider-container .custom-slider .MuiSlider-track,.slider-container .custom-slider .MuiSlider-rail{color:var(--primary-color6)}.slider-container .slider-box{display:flex;align-items:center;gap:10px}.slider-box .MuiSlider-root{padding:13px 0}.slider-container .MuiSlider-valueLabelOpen.MuiSlider-valueLabel{position:absolute;bottom:0!important;top:100%;margin-top:10px}.slider-container .MuiSlider-valueLabel{background-color:transparent!important;font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:14px;line-height:22px;text-align:center;color:var(--primary-color6)}.slider-container .MuiSlider-valueLabel:before{bottom:100%!important;top:40px!important}.slider-container span.MuiSlider-valueLabelCircle{background-color:transparent!important}@media (max-width: 1400px){.slider-container{width:350px}}.upload-pattern-card{display:flex;flex-direction:row;align-items:center;gap:20px;position:relative;padding:0 5px 0 0}.upload-pattern-card-container{position:relative}.upload-pattern-card-container:after{content:"";width:1px;height:270px;background-color:var(--primary-color5);opacity:.5;position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-right:-16px}.pattern-card-close-button.change-color{background-color:var(--primary-color5);transition:all .3s ease-in-out}.pattern-card-close-button.change-color:hover{background-color:var(--primary-color10)}.upload-pattern-input{margin-bottom:10px}.image-preview-container{width:100%;max-width:100%;height:100%;margin:0;position:absolute;top:0;left:0;cursor:pointer}.uploaded-image{width:100%;height:100%;object-fit:cover;border-radius:4px;background-color:var(--primary-color14)}.upload-pattern-card-top{border:1px dashed var(--primary-color5);text-align:center;border-radius:4px;height:auto;position:relative;padding:30px 15px;width:145px;height:145px;display:flex;align-items:center;justify-content:center}.upload-pattern-card-top .upload-pattern-card-text{font-family:Chaparral pro semibold,sans-serif;font-size:17px;font-weight:600;line-height:24px;text-align:center;color:var(--primary-color5);transition:all .3s ease-in-out;width:fit-content;margin:0 auto;cursor:pointer}.upload-pattern-card-top .upload-pattern-card-text:hover{color:var(--primary-color10);border-color:var(--primary-color10)}.upload-pattern-card-top .collection-text{font-family:Chaparral pro semibold,sans-serif;font-size:17px;font-weight:600;line-height:15px;text-align:center;color:var(--primary-color3);border-bottom:1px solid var(--primary-color3)}.upload-pattern-card-bottom{text-align:left;padding-top:15px}.main-contain .main-contain-title{font-family:Chaparral pro semibold,sans-serif;font-size:20px;font-weight:600;line-height:24px;text-align:center;color:var(--primary-color3);border-bottom:1px solid var(--primary-color3);padding-bottom:4px;display:flex;justify-content:center;width:max-content;margin:auto auto 0}.edit-button-container{position:absolute;left:8px;top:8px;cursor:pointer}.edit-button-container .edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border-radius:50%;background-color:var(--primary-color5);border:none;cursor:pointer;transition:all .3s ease-in-out}.edit-button-container .edit-button:hover{background-color:var(--primary-color10)!important}.edit-button-container:hover .edit-button{background-color:var(--primary-color6)}.edit-button-container .edit-button.change-color{background-color:var(--primary-color6);transition:all .3s ease-in-out}.edit-button-container .edit-button.change-color:hover{background-color:var(--primary-color10)}.edit-button-container .edit-button svg{width:24px;height:24px;color:var(--primary-color11)}.disabled-button{pointer-events:none}.crop-thumbnail-container{position:relative;width:100%;height:320px;margin-bottom:10px}.crop-thumbnail-container .reactEasyCrop_Container{border-radius:4px!important;background:#0009}.replace-svg-btn-box{display:flex;flex-direction:column;gap:10px}.replace-svg-btn-box button{margin-bottom:0;padding:10px 15px}@media screen and (max-width: 1550px){.replace-svg-btn-box button{margin-bottom:0;padding:10px 15px}.upload-pattern-card:after,.slider-container:after{right:20px}}@media (max-width: 1300px){.replace-svg-btn-box{position:unset}}@media (max-width: 1200px){.upload-pattern-card{flex-direction:column-reverse;gap:8px}.replace-svg-btn-box{margin-bottom:0}.upload-pattern-card-bottom{padding-top:8px}}.choose-collection-container{text-align:center;display:block}.choose-collection-drawer{position:relative!important}.choose-collection-drawer button.collection-button{font-size:18px;font-weight:600;line-height:18px;padding:14px 40px;border-radius:6px;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Chaparral pro semibold,sans-serif}.choose-collection-drawer button.collection-button:hover{background-color:var(--primary-color10)}.choose-collection-drawer .MuiDrawer-paperAnchorLeft{width:452px;padding:24px;margin:32px;border-radius:8px;overflow:visible;background-color:var(--primary-color16)}.choose-collection-drawer.patterns-drawer{position:relative!important}.choose-collection-drawer.patterns-drawer .MuiDrawer-paperAnchorLeft{left:472px}.choose-collection-drawer .close-btn-drawer{background-color:var(--primary-color);color:var(--primary-color6);border-radius:50%;border:2px solid var(--primary-color5);padding:5px;position:absolute;left:auto;top:-12px;right:-16px;transition:all .3s ease-in-out;width:32px;height:32px}.choose-collection-drawer .close-btn-drawer svg{width:24px;height:24px}.choose-collection-drawer .close-btn-drawer:hover{background-color:var(--primary-color);border-color:var(--primary-color10);color:var(--primary-color10)}.MuiDrawer-paperAnchorLeft .search_container{width:100%;margin:0}.collection-title{padding-top:16px;margin:0;font-size:18px;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:center;color:var(--primary-color3);border-bottom:1px solid var(--primary-color11)}.choose-collection-drawer .collection-list-container{margin:0;padding:16px 0;height:calc(100vh - 170px)}.choose-collection-drawer .collection-list-container .collection-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;row-gap:40px;column-gap:30px;padding:0 5px}.choose-collection-drawer .collection-list-container .collection-list li{padding:0}.choose-collection-drawer .collection-list-container .collection-item{display:flex;flex-direction:column;width:105px}.choose-collection-drawer .collection-list-container ul.collection-list li .MuiChip-root .MuiChip-label{max-width:116px}.info-thumbnail-container .thumbnail-content .zoom-container{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;z-index:9}.info-thumbnail-container .thumbnail-content .rounded-icon{width:40px;height:40px;line-height:40px}.collection-name{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-name .selected-collection-name{font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:17px;line-height:22px;text-align:left;color:var(--primary-color11);width:100%;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:110px}.collection-name .collection-name-input{border:none;outline:none;font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;line-height:22px;text-align:left;color:var(--primary-color3);width:100%;cursor:default;padding:0 5px;background:var(--primary-color11)}.collection-item .checkbox-container{display:none}.collection-item.selected .checkbox-container{display:flex}.default-icon{position:absolute;top:-6px;right:-6px;width:20px;height:20px;line-height:16px;color:var(--primary-color11)}.webbing-pattern-list-container{margin:0;height:calc(100vh - 150px);max-width:100%;overflow-x:hidden;overflow-y:auto;white-space:nowrap}.webbing-pattern-list-container::-webkit-scrollbar{height:6px;width:6px;background-color:var(--primary-color4);border-radius:100px}.webbing-pattern-list-container::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.webbing-pattern-list-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.choose-collection-drawer .collection-list-details-container{margin:0;padding:16px 0 0;height:calc(100vh - 180px)}.choose-collection-drawer .collection-list-details-container .collection-list-details{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;row-gap:16px;column-gap:30px;padding:0;margin:0 10px 0 0}.choose-collection-drawer .collection-list-details-container .collection-list-details li{padding:0}.choose-collection-drawer .collection-list-details-container .collection-item{display:flex;flex-direction:row;justify-content:space-between}.choose-collection-drawer .collection-list-details-container .webbing-list-container .collection-item{justify-content:space-between}.webbing-list-container .collection-name .selected-collection-name{max-width:100%}.choose-collection-drawer .collection-list-details-container .collection-item .collection-item-left{display:flex;gap:8px}.webbing-list-container .collection-item-right{width:calc(100% - 95px)}.choose-collection-drawer .collection-list-details-container ul.collection-list-details li .MuiChip-root .MuiChip-label{text-transform:capitalize}.choose-collection-drawer .collection-item .collection-image-box img.collection-image{width:52px;height:52px;line-height:52px}.collection-list-details-container .collection-list-details{box-shadow:none;border-radius:0;padding:0;background-color:var(--primary-color16)}.collection-list-details-container ul.collection-list-details li .MuiChip-root{background:transparent;font-family:Chaparral pro light display,sans-serif;font-size:16px;font-weight:300;line-height:normal;color:var(--primary-color);height:auto;padding:0}.collection-list-details-container ul.collection-list-details li .MuiChip-root .MuiChip-label{padding:0;color:var(--primary-color11);font-size:16px;font-style:normal;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase!important;line-height:22px}.choose-collection-drawer .collection-list-details-container .collection-item .action-icon{display:flex;align-items:center;gap:5px}.choose-collection-drawer .action-icon .edit-icon,.choose-collection-drawer .action-icon .star-icon,.collection-list-details-container .action-icon .delete-icon{display:flex;align-items:center;transition:scale,filter .3s ease-in-out;cursor:pointer}.choose-collection-drawer .action-icon .edit-icon:hover,.choose-collection-drawer .action-icon .star-icon:hover,.collection-list-details-container .action-icon .delete-icon:hover{transform:scale(1.05);filter:invert(70%) sepia(28%) saturate(1095%) hue-rotate(318deg) brightness(95%) contrast(96%)}.collection-list-details .star-icon.filled{pointer-events:none}.back-btn-container{display:flex;align-items:center;gap:16px}.back-btn-container button{display:flex;align-items:center;gap:8px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:none;cursor:pointer;background-color:transparent}.back-btn-container button:hover{margin-left:-3px}.back-btn-container button span{font-family:Chaparral pro semibold,sans-serif;color:var(--primary-color);font-size:20px;font-style:normal;font-weight:600;line-height:20px;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.back-btn-container button:hover span{color:var(--primary-color10)}.back-btn-container button svg path{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.back-btn-container button:hover svg path{fill:var(--primary-color10)}@media screen and (max-width: 767px){.back-btn-container{left:16px}.back-btn-container button span{font-size:16px}.back-btn-container button{padding:0}}.selected-collection-container{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--primary-color11)}.selected-collection-container .selected-collection-name{font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;line-height:22px;text-align:left;color:var(--primary-color3);width:100%;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-pattern-name{font-family:Ranchers,serif!important;font-weight:400!important;letter-spacing:1px;text-transform:uppercase;width:fit-content!important;margin:0 auto;line-height:32px!important}.selected-collection-container .collection-name-input{border:none;outline:none;font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;line-height:22px;text-align:left;color:var(--primary-color3);width:100%;cursor:default}.selected-collection-container .action-icon{display:flex;align-items:center;gap:5px;transition:scale,filter .3s ease-in-out}.selected-collection-container .action-icon .edit-icon:hover,.selected-collection-container .action-icon .star-icon:hover,.selected-collection-container .action-icon .delete-icon:hover{transform:scale(1.05);filter:invert(70%) sepia(28%) saturate(1095%) hue-rotate(318deg) brightness(95%) contrast(96%)}.webbing-list-container{margin:0;padding:16px 0;height:calc(100vh - 170px);overflow-y:auto}.webbing-list-container::-webkit-scrollbar{height:6px;width:6px;background-color:var(--primary-color4);border-radius:100px}.webbing-list-container::-webkit-scrollbar-thumb{background-color:var(--primary-color6);border-radius:100px;width:60px}.webbing-list-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(133,165,157,.3);background-color:var(--primary-color4);border-radius:100px}.edit-pattern-thumbnail-dialog-container .MuiDialog-paper{border-radius:8px}.dialog-box-close-button{position:absolute;top:10px;right:16px;color:var(--primary-color11);background-color:var(--primary-color5);border-radius:50%;border:1px solid var(--primary-color5);cursor:pointer;transition:all .3s ease-in-out}.dialog-box-close-button:hover{color:var(--primary-color11);border-color:var(--primary-color11)}.pattern-card-close-button{position:absolute;right:-8px;top:-10px;z-index:99}.info-thumbnail-container{display:flex;flex-direction:column;justify-content:center;padding:8px 16px 16px;background-color:var(--primary-color11)}.info-material-icon{display:flex;justify-content:center;margin-bottom:16px}.info-thumbnail-container .info-material-icon svg{width:30px;height:30px;color:var(--primary-color10)}.dialog-btn-container{display:flex;justify-content:right;gap:8px}.info-thumbnail-container .cancel-btn{display:flex;justify-content:center;font-size:16px;line-height:18px;padding:12px 20px;border-radius:8px;background-color:var(--primary-color15);color:var(--primary-color10);border:none;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease-in-out;cursor:pointer}.info-thumbnail-container .cancel-btn:hover{background-color:var(--primary-color10);color:var(--primary-color11)}.info-thumbnail-container .ok-btn{display:flex;justify-content:center;font-size:16px;line-height:18px;padding:12px 16px;border-radius:8px;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s ease-in-out}.info-thumbnail-container .ok-btn:hover{background-color:var(--primary-color10)}.info-thumbnail-container .thumbnail-title{font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:18px;line-height:24px;text-align:left;color:var(--primary-color3);margin-bottom:8px}.info-thumbnail-container .thumbnail-content{border-radius:4px;font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--primary-color5)}.info-thumbnail-container .MuiInputBase-root{padding:0}.info-thumbnail-container .MuiInputBase-root fieldset{border:none!important;width:100%;height:110px;border:1px solid var(--primary-color5);border-radius:4px;padding:8px;font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--primary-color5);margin-bottom:5px;transition:all .3s ease-in-out}.info-thumbnail-container .thumbnail-content textarea{width:100%;height:105px!important;border:1px solid var(--primary-color5);border-radius:4px;padding:8px;font-family:Chaparral pro semibold,sans-serif;font-weight:600;font-size:16px;line-height:24px;color:var(--primary-color5);margin-bottom:5px;transition:all .3s ease-in-out}.info-thumbnail-container .thumbnail-content textarea::placeholder{color:var(--primary-color5);opacity:.6}.info-thumbnail-container .thumbnail-content textarea:focus{border-color:var(--primary-color10);outline:none}.pattern-name-container{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.pattern-name-container .pattern-title-box,.pattern-name-container .star-icon{display:flex;align-items:center}.pattern-name-container .star-icon img{height:20px}.pattern-name-container .pattern-title-box input{border:none;outline:none;border-bottom:1px solid var(--primary-color3);color:var(--primary-color5);background-color:var(--primary-color11);font-family:Chaparral pro semibold,sans-serif;font-weight:600}.pattern-name-container .pattern-name{font-family:Chaparral pro semibold,sans-serif;font-size:16px;font-weight:600;line-height:24px;text-align:center;color:var(--primary-color5);max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pattern-name-container .edit-icon{display:flex;background:transparent;border:none;padding:0}.pattern-name-container .disabled-icon{pointer-events:none}.pattern-name-container .edit-icon svg{width:24px;height:24px;color:var(--primary-color5);transition:all .3s ease-in-out}.pattern-name-container .edit-icon.disabled-icon path{pointer-events:none;color:var(--primary-color15)}.pattern-name-container .edit-icon:hover path{stroke:var(--primary-color10)}.pattern-name-container .collection-icon{width:24px;height:24px;color:var(--primary-color11)}.pattern-name-dialog-container .MuiDialog-paper{border-radius:8px}.pattern-name-dialog-container .dialog-box-close-button{position:absolute;top:10px;right:16px;color:var(--primary-color);background-color:var(--primary-color11);border-radius:50%;border:1px solid var(--primary-color11);cursor:pointer;transition:all .3s ease-in-out}.pattern-name-dialog-container .dialog-box-close-button:hover{color:var(--primary-color);border-color:var(--primary-color11)}.pattern-name-dialog-container{display:flex;flex-direction:column;justify-content:center;padding:8px 16px 16px}.pattern-name-dialog-container .thumbnail-title{font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;line-height:24px;text-align:left;color:var(--primary-color3);margin-bottom:0}.pattern-name-dialog-container .cancel-btn{display:flex;justify-content:center;font-size:18px;font-weight:600;line-height:18px;padding:14px 20px;border-radius:8px;background-color:var(--primary-color11);color:var(--primary-color);border:none;font-family:Chaparral pro semibold,sans-serif;transition:all .3s ease-in-out;cursor:pointer}.pattern-name-dialog-container .cancel-btn:hover{color:var(--primary-color)}.pattern-name-dialog-container .ok-btn{display:flex;justify-content:center;font-size:18px;font-weight:600;line-height:18px;padding:14px 16px;border-radius:0;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Chaparral pro semibold,sans-serif;cursor:pointer;transition:all .3s ease-in-out}.pattern-info{display:flex;gap:6px}.label-container{width:126px;display:flex;justify-content:end}.pattern-name-label{font-family:Chaparral pro semibold,sans-serif;font-size:16px;font-weight:600;line-height:24px;text-align:start;color:var(--primary-color5);max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:90px;display:flex;justify-content:space-between}.pattern-name-input{font-size:16px}.validating-indicator{font-size:11px;color:#85a59d;margin-top:4px;display:flex;align-items:center;gap:6px}.validating-indicator:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #85A59D;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pattern-description-container .disabled-icon{pointer-events:none}.pattern-description-container{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.pattern-description-container .pattern-title{font-family:Chaparral pro semibold,sans-serif;font-size:16px;font-weight:600;line-height:24px;text-align:center;color:var(--primary-color5)}.pattern-description-container .pattern-title-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.pattern-description-container .edit-icon{display:flex;background:transparent;border:none;padding:0}.pattern-description-container .edit-icon svg{width:24px;height:24px;color:var(--primary-color5);transition:all .3s ease-in-out}.pattern-description-container .edit-icon.disabled-icon svg{color:var(--primary-color15)}.pattern-description-container .edit-icon:hover svg{color:var(--primary-color10);transform:scale(1.05)}:root{--primary-color: #F6EDE2;--primary-color2: #000000;--primary-color3: #85A59D;--primary-color4: #F6EDE2;--primary-color5: #85A59D;--primary-color6: #85A59D;--primary-color7: #F6EDE2;--primary-color8: #f2f2f2;--primary-color9: #8a8a8a;--primary-color10: #F28582;--primary-color11: #F6EDE2;--primary-color12: #F6EDE2;--primary-color13: #202020;--primary-color14: #e5e5e5;--primary-color15: #F6C9C4;--primary-color16: #f6bc60;--primary-color17: #f00000}*{box-sizing:border-box}html,body,#root{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:Chaparral pro semibold,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}#root{overflow:auto}body{width:100%;height:100vh;margin:0;padding:0;background-color:var(--primary-color);overscroll-behavior-y:none;font-family:Ranchers,serif;color:var(--primary-color);-webkit-font-smoothing:antialiased;font-size:1em;line-height:1.75;font-weight:300}.theme-button{font-size:18px;font-weight:600;line-height:18px;padding:12px 20px;border-radius:6px;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Chaparral pro semibold,sans-serif;transition:all .3s ease-in-out;cursor:pointer;text-transform:capitalize}.theme-button:hover{background-color:var(--primary-color10)}.MuiDivider-root.or-divider{display:flex;justify-content:center;padding:8px 0;font-family:Chaparral pro semibold,sans-serif;font-size:18px;font-weight:600;text-align:center;color:var(--primary-color10);text-transform:lowercase}@media screen and (max-width: 1366px) and (max-height: 768px){.MuiDivider-root.or-divider{padding-top:0}}.MuiDivider-root.or-divider:before,.MuiDivider-root.or-divider:after{display:none}.MuiTooltip-popper[data-popper-placement*=bottom] .MuiTooltip-tooltip,.MuiTooltip-popper[data-popper-placement*=top] .MuiTooltip-tooltip{background-color:var(--primary-color3);font-family:Chaparral pro light display,sans-serif;font-size:14px;font-weight:300;line-height:18px;text-align:center;padding:12px 14px;border-radius:8px}@media screen and (max-width: 1366px) and (max-height: 768px){.MuiDivider-root.or-divider span{font-size:14px;line-height:14px}}.custom-alert-box{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:8px;padding:16px;background-color:var(--primary-color);font-family:Chaparral pro semibold,sans-serif;font-weight:600}.custom-alert-message{display:flex;align-items:center;justify-content:flex-start;gap:8px}.custom-alert-overlay .cancel-btn{display:flex;justify-content:center;font-size:14px;font-weight:600;line-height:18px;padding:8px 16px;border-radius:8px;background-color:var(--primary-color15);color:var(--primary-color10);border:none;font-family:Chaparral pro semibold,sans-serif;transition:all .3s ease-in-out;cursor:pointer}.custom-alert-overlay .cancel-btn:hover{background-color:var(--primary-color10);color:var(--primary-color)}.custom-alert-overlay .confirm-btn{display:flex;justify-content:center;font-size:14px;font-weight:600;line-height:18px;padding:8px 10px;border-radius:8px;background-color:var(--primary-color6);color:var(--primary-color);border:none;font-family:Chaparral pro semibold,sans-serif;cursor:pointer;transition:all .3s ease-in-out}.custom-alert-overlay .confirm-btn:hover{background-color:var(--primary-color10)}.custom-alert-actions{display:flex;align-items:center;gap:8px}.custom-alert-message-text{font-size:15px;font-weight:600;line-height:18px;color:var(--primary-color11);font-family:Chaparral pro semibold,sans-serif}.twoD-n-threeD .zoom-container,.twoD-canvas-container .zoom-container{right:0!important}.custom-edit-menu{background:var(--primary-color11)!important}.custom-edit-menu-item{color:var(--primary-color5)!important;font-family:Chaparral pro semibold,sans-serif!important;font-weight:600!important;padding:3px 15px!important}.custom-edit-menu-item:hover{color:var(--primary-color10)!important;background-color:var(--primary-color11)!important}.edit-item{font-weight:700}.delete-item{color:var(--primary-color10)}.delete-item:hover{background-color:var(--primary-color11);color:var(--primary-color10)}.MuiTooltip-tooltip{font-family:Chaparral pro light display,sans-serif!important;letter-spacing:1px;font-weight:300!important;color:var(--primary-color11)!important}.MuiDialog-paper.custom-alert-dialog{background-color:var(--primary-color11)!important;padding:10px;z-index:1500!important;position:relative!important;border-radius:12px!important;box-shadow:0 4px 10px #00000026!important}.MuiDialog-paper.custom-alert-dialog h2{font-family:Chaparral pro semibold,sans-serif!important;color:var(--primary-color5);padding-top:8px;padding-bottom:10px}.MuiDialog-paper.custom-alert-dialog button{background-color:var(--primary-color5);color:var(--primary-color11);pointer-events:none;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:18px;line-height:18px;padding:10px 25px}.custom-alert-dialog .MuiDialogActions-root{z-index:1600!important;pointer-events:auto!important}.custom-alert-dialog .MuiButton-root{z-index:1601!important;pointer-events:auto!important}.MuiDialog-paper.custom-alert-dialog button:hover{background-color:var(--primary-color10)}.MuiDialog-paper.custom-alert-dialog .MuiDialogActions-root{gap:8px;justify-content:center}.login-btn-container{margin:0 auto}button.custom-button{display:flex;align-items:center;gap:8px;font-size:14px;line-height:16px;padding:12px 16px;border-radius:30px;background-color:var(--primary-color6);color:var(--primary-color11);border:none;font-family:Ranchers,serif;font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease-in-out;cursor:pointer;text-transform:capitalize;margin:0 auto;z-index:9}button.custom-button:hover{background-color:var(--primary-color10)}button.custom-button span{display:flex;text-transform:uppercase}button.custom-button span svg path{stroke:var(--primary-color11)}.link-style{text-decoration:none;cursor:pointer}