:root{--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 16px;--bg-page: #f3f4f6;--text-dark: #1f2937;--text-muted: #6b7280;--color-primary-start: #ff6b35;--color-primary-end: #e8452e;--color-toggle-green: #3fbf8f;--color-toast-orange: #ff7a45;--color-blue-start: #3b82f6;--color-blue-end: #2563eb;--radius-pill: 999px;--radius-card: 26px;--font-family: "Inter", "SF Pro Display", "Satoshi", sans-serif}body{background:var(--bg-page);font-family:var(--font-family);color:var(--text-dark)}.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000014,inset 0 1px 1px #fffc,inset 0 -1px 1px #0000000d}.glass--chromatic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#ff646426,#6496ff1a,#64ffb426);mix-blend-mode:screen;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-pill);font-size:15px;font-weight:500;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-start),var(--color-primary-end));color:#fff;box-shadow:0 6px 16px #e8452e59}.btn-secondary{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-dark)}.btn-icon{width:48px;height:48px;padding:0;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:50%}.btn-pro{background:linear-gradient(135deg,var(--color-blue-start),var(--color-blue-end));color:#fff;width:100%;justify-content:center;box-shadow:0 6px 16px #2563eb59}.search-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:15px;color:var(--text-dark)}.search-bar .add-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000d}.select-pill{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.select-pill .check-badge{width:28px;height:28px;border-radius:8px;background:#d9f2e6;display:flex;align-items:center;justify-content:center;color:var(--color-toggle-green)}.toggle{position:relative;width:56px;height:32px;border-radius:var(--radius-pill);background:#e5e7eb;cursor:pointer;transition:background .2s ease}.toggle.on{background:var(--color-toggle-green)}.toggle .thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:left .2s ease}.toggle.on .thumb{left:27px}.pill-indicator{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);font-size:15px}.glass-card{position:relative;padding:24px;border-radius:var(--radius-card);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:0 12px 32px #0000001a,inset 0 1px 1px #fffc;overflow:hidden}.notif-card{padding:20px;border-radius:var(--radius-card);background:#fff;box-shadow:0 12px 32px #0000001a}.notif-card .notif-title{font-weight:500;font-size:16px}.notif-card .notif-subtitle{font-size:14px;color:var(--text-muted);margin:4px 0 16px}.notif-card .close-icon{float:right;cursor:pointer;color:var(--text-muted)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/glassmorphic-ui-kit.css.map */