@import "https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";a{color:inherit;text-decoration:none}.ui-input{gap:6px;width:100%;display:grid;position:relative}.ui-input--with-icon input{padding-left:42px!important}.ui-input--with-icon svg{color:#bbb;position:absolute;top:50%;left:12px}.ui-input label{opacity:.85;font-size:.9rem}.ui-input input{border:1px solid #00000026;border-radius:12px;outline:none;padding:12px}.ui-input input:focus{border-color:#00000059}.ui-view--view{flex-direction:column;display:flex}.ui-view--flex{display:flex}.ui-tile{background-color:#ddd;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #232323;border-radius:12px;overflow:hidden;box-shadow:2px 2px 6px #232323}.ui-tile__header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#ccc;z-index:2;background-color:#17171780;justify-content:left;align-items:center;height:40px;padding:0 12px;display:flex;position:relative;box-shadow:1px 1px 6px #000}.ui-tile__content{z-index:1;color:#eee;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;width:100%;height:100%;padding:12px;position:relative}.ui-tile--link:hover{cursor:pointer;transition:all .3s;transform:scale(1.05)}.ui-button{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px;font-weight:600;transition:all .3s;display:flex}.ui-button--primary{color:#fff;background-color:#000}.ui-button--primary:hover{background-color:#222}.ui-button--secondary{color:#444;border:2px solid #d1d5dc;border:2px solid lab(85.1236% -.612289 -3.7138)}.ui-button--secondary:hover{background-color:#ccc}.ui-button--tertiary{background-color:unset;color:#193cb8;color:lab(30.2514% 27.7853 -70.2699);border:3px solid #193cb8;border:3px solid lab(30.2514% 27.7853 -70.2699)}.ui-button--tertiary:hover{background-color:#eff6ff;background-color:lab(96.492% -1.14644 -5.11479)}.ui-button--blue{color:#fff;background-color:#155dfc;background-color:lab(44.0605% 29.0279 -86.0352)}.ui-button--blue:hover{background-color:#1447e6;background-color:lab(36.9089% 35.0961 -85.6872)}.ui-button--danger{color:#fff;background-color:#e53e3e}.ui-button--danger:hover{background-color:#c63333}.ui-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;color:#333;background-color:#999}.ui-icon-text{justify-content:center;align-items:center;gap:12px;display:flex}.ui-row{display:flex}*{font-optical-sizing:auto;font-family:Raleway,sans-serif;font-style:normal}body{margin:0;padding:0}.ui-main{width:100vw;height:100vh;overflow:auto}.picture-box{height:100%}.picture-box .header{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin:50px 0;display:flex}@media (max-width:480px){.picture-box .header{margin:30px 0;padding:0 16px}}.picture-box .header__headline{font-size:36px;font-weight:700}@media (max-width:480px){.picture-box .header__headline{text-align:center;font-size:26px}}.picture-box .header__headline__gradient{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(-90deg,#8700e0,#0050c9);background:linear-gradient(-90deg,lab(36.8906% 77.6534 -86.7061),lab(36.1847% 22.2832 -74.5078));-webkit-background-clip:text;background-clip:text}.picture-box .header__text{text-align:center;width:50%;font-size:18px}@media (max-width:700px){.picture-box .header__text{width:80%;font-size:16px}}@media (max-width:480px){.picture-box .header__text{width:100%;font-size:15px}}.picture-box .row{align-items:center;display:flex}.picture-box div{box-sizing:border-box}.picture-box a{color:unset;-webkit-text-decoration:unset;text-decoration:unset}.picture-box__layout{width:100vw;height:100vh;overflow:auto}.picture-box .logo{color:#fff;background:linear-gradient(-45deg,#9810fa,#0050c9);background:linear-gradient(-45deg,lab(43.0295% 75.2101 -86.5669),lab(36.1847% 22.2832 -74.5078));border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.picture-box .logo__container{justify-content:left;align-items:center;gap:8px;display:flex}.picture-box .logo__text{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(-90deg,#9810fa,#0050c9);background:linear-gradient(-90deg,lab(43.0295% 75.2101 -86.5669),lab(36.1847% 22.2832 -74.5078));-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.picture-box .nav{z-index:99;background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 60px;display:flex;position:sticky;top:0;left:0;box-shadow:0 0 10px #0000001a}@media (max-width:900px){.picture-box .nav{padding:0 32px}}@media (max-width:480px){.picture-box .nav{padding:0 16px}}.picture-box .nav__section{justify-content:center;align-items:center;gap:12px;display:flex}.picture-box .nav__search-wrap{width:min(460px,42vw);margin:0 16px;position:relative}@media (max-width:760px){.picture-box .nav__search-wrap{display:none}}.picture-box .nav__search{color:#776f71;color:lab(47.6744% 3.37425 .0333667);background:#f7f8fb;background:lab(97.6676% -.215054 -1.49847);border:1px solid #d4d8dd;border:1px solid lab(86.0545% -.418127 -2.99003);border-radius:999px;align-items:center;gap:10px;width:100%;padding:0 14px;display:flex}.picture-box .nav__search input{width:100%;font:inherit;color:#1a1416;color:lab(7.1096% 3.20867 .0320435);background:0 0;border:none;padding:11px 0;font-size:14px}.picture-box .nav__search input:focus{outline:none}.picture-box .nav__search-clear{color:#776f71;color:lab(47.6744% 3.37425 .0333667);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.picture-box .nav__search-clear:hover{color:#322c2e;color:lab(18.6744% 3.36581 .0339925);background:#e1e5ea;background:lab(90.6946% -.41908 -2.99058)}.picture-box .nav__search-clear svg{font-size:20px!important}.picture-box .nav__search-results{z-index:220;background:#fff;border-radius:16px;max-height:420px;padding:8px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:auto;box-shadow:0 12px 36px #00000029}.picture-box .nav__search-result{cursor:pointer;text-align:left;color:#241d1f;color:lab(11.7144% 3.36123 .0343442);background:#fff;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.picture-box .nav__search-result:hover{background:#f3f5f9;background:lab(96.5044% -.267208 -1.87215)}.picture-box .nav__search-result img,.picture-box .nav__search-result>svg{object-fit:cover;border-radius:10px;flex-shrink:0;width:36px;height:36px}.picture-box .nav__search-result>svg{color:#776f71;color:lab(47.6744% 3.37425 .0333667);background:#f5f0f1;background:lab(95.2972% 1.69083 .0164032);padding:6px}.picture-box .nav__search-result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.picture-box .nav__search-result-text span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.picture-box .nav__search-result-text small{color:#776f71;color:lab(47.6744% 3.37425 .0333667);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.picture-box .nav__element a{color:#101828;color:lab(8.11897% .811271 -12.254);border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:14px;transition:all .3s;display:flex}.picture-box .nav__element a:hover{background-color:#eee}@media (max-width:600px){.picture-box .nav__element a .nav__label{display:none}}.picture-box .nav__element--active{background-color:#ddd}.picture-box .nav__avatar{color:#fff;cursor:pointer;background:linear-gradient(-45deg,#9810fa,#0050c9);background:linear-gradient(-45deg,lab(43.0295% 75.2101 -86.5669),lab(36.1847% 22.2832 -74.5078));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex}.picture-box .nav__avatar:hover{opacity:.85}.picture-box .nav__user,.picture-box .nav__notifications{position:relative}.picture-box .nav__icon-btn{color:#1a2029;color:lab(11.7506% -.5823 -7.27103);cursor:pointer;background:#fff;border:1px solid #dbdee3;border:1px solid lab(88.3745% -.418603 -2.99032);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.picture-box .nav__icon-btn:hover,.picture-box .nav__icon-btn--active{background:#f2f5fb;background:lab(96.4946% -.420153 -2.99118);border-color:#c3cbd8;border-color:lab(81.3713% -.956416 -7.4271)}.picture-box .nav__icon-badge{color:#fff;background:#f51d31;background:lab(53.461% 76.178 49.6153);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-5px;box-shadow:0 4px 12px #00000026}.picture-box .nav__notifications-panel{z-index:230;background:#fff;border:1px solid #e1e5ea;border:1px solid lab(90.6946% -.41908 -2.99058);border-radius:18px;width:min(400px,100vw - 32px);max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 40px #00000029}@media (max-width:520px){.picture-box .nav__notifications-panel{border-radius:20px;width:auto;max-width:none;position:fixed;top:82px;left:12px;right:12px}}.picture-box .nav__notifications-header{border-bottom:1px solid #e5e8ec;border-bottom:1px solid lab(91.8611% -.318319 -2.24524);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.picture-box .nav__notifications-header strong{font-size:14px;display:block}.picture-box .nav__notifications-header small{color:#776f71;color:lab(47.6744% 3.37425 .0333667);font-size:12px}@media (max-width:520px){.picture-box .nav__notifications-header{gap:10px;padding:14px 14px 12px}}.picture-box .nav__notifications-action{color:#184998;color:lab(31.3759% 8.32957 -48.9139);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.picture-box .nav__notifications-action:disabled{opacity:.45;cursor:default}.picture-box .nav__notifications-list{flex-direction:column;gap:10px;max-height:420px;padding:10px;display:flex;overflow:auto}@media (max-width:520px){.picture-box .nav__notifications-list{max-height:min(60vh,480px);padding:8px}}.picture-box .nav__notifications-empty{text-align:center;color:#6e6769;color:lab(44.1944% 3.37368 .0334024);padding:28px 16px;font-size:14px}.picture-box .nav__notification{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e5e9;border:1px solid lab(90.7011% -.318199 -2.24516);border-radius:18px;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}.picture-box .nav__notification:hover{background:#fafcff;background:lab(98.8276% -.215113 -1.49851);border-color:#c9d2de;border-color:lab(83.6915% -.959843 -7.42881);transform:translateY(-1px)}.picture-box .nav__notification--unread{background:linear-gradient(#f7faff,#fff);background:linear-gradient(lab(98.2284% -1.19072 -5.48811),#fff);border-color:#b6c9e2;border-color:lab(80.1741% -2.77394 -14.4428);box-shadow:0 10px 24px #3661c514}@media (max-width:520px){.picture-box .nav__notification{border-radius:16px;gap:10px;padding:12px}}.picture-box .nav__notification-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.picture-box .nav__notification-icon svg{font-size:20px!important}@media (max-width:520px){.picture-box .nav__notification-icon{border-radius:10px;width:34px;height:34px}.picture-box .nav__notification-icon svg{font-size:18px!important}}.picture-box .nav__notification-icon--order-created{color:#005c97;color:lab(36.7526% -5.6867 -45.1457);background:#def2ff;background:lab(94.2386% -4.73431 -9.80622)}.picture-box .nav__notification-icon--order-status{color:#006281;color:lab(37.6928% -22.7276 -32.9988);background:#d9f4fd;background:lab(94.3799% -7.5677 -7.33202)}.picture-box .nav__notification-icon--internal-status{color:#005d45;color:lab(34.1638% -39.2839 7.05255);background:#dff9ef;background:lab(95.7581% -10.0854 1.89016)}.picture-box .nav__notification-icon--item-status{color:#7a5f00;color:lab(42.2007% 6.82217 66.0454);background:#fdf0dc;background:lab(95.4358% 1.92234 11.4477)}.picture-box .nav__notification-icon--stl-status{color:#ab3415;color:lab(40.5764% 48.1243 45.5782);background:#ffede9;background:lab(95.1092% 8.80593 5.85394)}.picture-box .nav__notification-icon--note{color:#604e00;color:lab(34.1671% 2.40038 51.3831);background:#f6f2e3;background:lab(95.4804% -.553161 7.65524)}.picture-box .nav__notification-icon--message{color:#6549a3;color:lab(37.582% 28.3281 -45.3095);background:#f1f0ff;background:lab(95.1181% 3.1229 -8.82173)}.picture-box .nav__notification-icon--default{color:#414853;color:lab(30.3224% -.79459 -7.35167);background:#eff2f6;background:lab(95.3412% -.318676 -2.24545)}.picture-box .nav__notification-icon--customer-paid{color:#005c97;color:lab(36.7526% -5.6867 -45.1457);background:#def2ff;background:lab(94.2386% -4.73431 -9.80622)}.picture-box .nav__notification-icon--customer-processing{color:#005d45;color:lab(34.1638% -39.2839 7.05255);background:#dff9ef;background:lab(95.7581% -10.0854 1.89016)}.picture-box .nav__notification-icon--customer-shipped{color:#006281;color:lab(37.6928% -22.7276 -32.9988);background:#d9f4fd;background:lab(94.3799% -7.5677 -7.33202)}.picture-box .nav__notification-icon--customer-delivered{color:#0b5d2a;color:lab(34.0894% -33.3935 22.2294);background:#e3f4e2;background:lab(94.5943% -8.3831 6.51621)}.picture-box .nav__notification-icon--customer-cancelled{color:#b33830;color:lab(42.7705% 49.8809 34.4576);background:#ffe8e6;background:lab(93.9229% 9.19664 4.96061)}.picture-box .nav__notification-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.picture-box .nav__notification-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.picture-box .nav__notification-badge{letter-spacing:.02em;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.picture-box .nav__notification-badge--order-created{color:#005c97;color:lab(36.7526% -5.6867 -45.1457);background:#def2ff;background:lab(94.2386% -4.73431 -9.80622)}.picture-box .nav__notification-badge--order-status{color:#006281;color:lab(37.6928% -22.7276 -32.9988);background:#d9f4fd;background:lab(94.3799% -7.5677 -7.33202)}.picture-box .nav__notification-badge--internal-status{color:#005d45;color:lab(34.1638% -39.2839 7.05255);background:#dff9ef;background:lab(95.7581% -10.0854 1.89016)}.picture-box .nav__notification-badge--item-status{color:#7a5f00;color:lab(42.2007% 6.82217 66.0454);background:#fdf0dc;background:lab(95.4358% 1.92234 11.4477)}.picture-box .nav__notification-badge--stl-status{color:#ab3415;color:lab(40.5764% 48.1243 45.5782);background:#ffede9;background:lab(95.1092% 8.80593 5.85394)}.picture-box .nav__notification-badge--note{color:#604e00;color:lab(34.1671% 2.40038 51.3831);background:#f6f2e3;background:lab(95.4804% -.553161 7.65524)}.picture-box .nav__notification-badge--message{color:#6549a3;color:lab(37.582% 28.3281 -45.3095);background:#f1f0ff;background:lab(95.1181% 3.1229 -8.82173)}.picture-box .nav__notification-badge--default{color:#414853;color:lab(30.3224% -.79459 -7.35167);background:#eff2f6;background:lab(95.3412% -.318676 -2.24545)}.picture-box .nav__notification-state{color:#0061c0;color:lab(40.4304% 7.45833 -61.5912);font-size:11px;font-weight:700}.picture-box .nav__notification-state-wrap{flex-shrink:0;align-items:center;gap:8px;min-height:16px;line-height:1;display:inline-flex}.picture-box .nav__notification-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (max-width:520px){.picture-box .nav__notification-title-row{gap:8px}}.picture-box .nav__notification-title{color:#171b22;color:lab(9.45698% -.509746 -5.47932);flex:1;margin:0;font-size:13px;font-weight:700;line-height:1.35}@media (max-width:520px){.picture-box .nav__notification-title{font-size:12.5px}}.picture-box .nav__notification-body{color:#474042;color:lab(27.9544% 3.36975 .0336945);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:520px){.picture-box .nav__notification-body{font-size:12.5px}}.picture-box .nav__notification-meta{color:#776f71;color:lab(47.6744% 3.37425 .0333667);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}@media (max-width:520px){.picture-box .nav__notification-meta{gap:8px;font-size:10.5px}}.picture-box .nav__notification-meta span{position:relative}.picture-box .nav__notification-meta span:not(:first-child):before{content:"";vertical-align:middle;opacity:.45;background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:10px;display:inline-block}.picture-box .nav__notification-dot{background:#386bfa;background:lab(48.6168% 22.6853 -77.6277);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:0;box-shadow:0 0 0 4px #e2ecf9;box-shadow:0 0 0 4px lab(92.9959% -1.55133 -7.29845)}.picture-box .nav__dropdown{z-index:200;background:#fff;border-radius:12px;min-width:190px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 32px #00000024}.picture-box .nav__dropdown a{color:inherit;white-space:nowrap}.picture-box .nav__dropdown__item{cursor:pointer;color:#262021;color:lab(12.8744% 3.36213 .0342727);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.picture-box .nav__dropdown__item svg{font-size:18px!important}.picture-box .nav__dropdown__item:hover{background:#f5f0f1;background:lab(95.2972% 1.69083 .0164032)}.picture-box .nav__dropdown__item--danger{color:#a40015;color:lab(34.1199% 63.7074 45.541)}.picture-box .nav__dropdown__item--danger:hover{background:#ffedeb;background:lab(95.1759% 6.12173 3.29605)}.picture-box .nav__dropdown__item--admin{color:#452b8a;color:lab(25.554% 31.3024 -50.0519)}.picture-box .nav__dropdown__item--admin:hover{background:#eeecff;background:lab(93.9071% 3.78299 -10.565)}.picture-box .nav__dropdown__item--sub{color:#524b4d;color:lab(32.5944% 3.37115 .0335872);padding-left:42px;font-size:13px}.picture-box .nav__dropdown__item--sub svg{font-size:16px!important}.picture-box .nav__dropdown__divider{background:#ebe6e8;background:lab(91.8172% 1.69081 .0164032);height:1px;margin:4px 6px}.picture-box .nav__cart{position:relative}.picture-box .nav__cart--pulse{animation:.5s cubic-bezier(.22,1,.36,1) nav-cart-pulse}.picture-box .nav__cart__total{color:#fff;background-color:#155dfc;background-color:lab(44.0605% 29.0279 -86.0352);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:500;display:flex;position:absolute;top:-8px;right:-8px}@keyframes nav-cart-pulse{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.picture-box .footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px;display:flex}@media (max-width:600px){.picture-box .footer{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}}.picture-box .footer__container{background-color:#eee;border-top:1px solid #ccc;width:100%;height:300px;padding:0 80px}@media (max-width:900px){.picture-box .footer__container{height:auto;padding:0 32px}}@media (max-width:600px){.picture-box .footer__container{padding:0 20px}}.picture-box .footer__copyright{border-top:1px solid #ccc;justify-content:center;align-items:center;height:100px;padding:40px;display:flex}.picture-box .footer a{transition:all .3s}.picture-box .footer a:hover{color:#555}.picture-box .footer__section{flex-direction:column;justify-content:left;align-items:flex-start;gap:8px;max-width:220px;display:flex}.picture-box .footer__section__header{font-size:18px;font-weight:600}.picture-box .footer__socials,.picture-box .footer__logo{justify-content:left;align-items:center;gap:8px;display:flex}.picture-box .footer__logo .logo{width:30px;height:30px;font-size:14px}.picture-box .footer__logo__text{font-size:18px;font-weight:600}