@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;display:grid}.ui-input label{opacity:.85;font-size:.9rem}.ui-input input{border:1px solid #00000026;border-radius:2px;outline:none;padding:6px}.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 .header{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin:50px 0;display:flex}.picture-box .header__headline{font-size:36px;font-weight:700}.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}.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__layout__content{height:calc(100% - 40px)}.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{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 120px;display:flex}.picture-box .nav__section{justify-content:center;align-items:center;gap:12px;display:flex}.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}.picture-box .nav__element--active{background-color:#ddd}.picture-box .nav__cart{position:relative}.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}.picture-box .footer{justify-content:space-between;align-items:center;padding:40px;display:flex}.picture-box .footer__container{background-color:#eee;border-top:1px solid #ccc;width:100%;padding:0 80px}.picture-box .footer__copyright{border-top:1px solid #ccc;justify-content:center;align-items:center;height:40px;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}