@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap";.diff-container{display:flex;flex-direction:column;gap:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-surface);border-radius:.5rem;overflow:hidden;width:100%;max-width:100%;margin:0;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);padding-left:1rem;padding-right:1rem;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-size-adjust:100%;-webkit-text-size-adjust:100%}.diff-header{padding:1rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.diff-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;padding:0;line-height:1.5}.diff-content{padding:1rem;flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.diff-navigation{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-secondary);border-radius:.375rem;margin-bottom:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid var(--border-color)}.diff-navigation-info{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.diff-navigation-controls{display:flex;align-items:center;gap:.5rem}.diff-navigation-button{padding:.375rem;border-radius:9999px;background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);transition:all .2s ease-in-out}.diff-navigation-button:hover{background-color:var(--bg-hover);transform:translateY(-1px)}.diff-group{padding:.5rem;border-radius:.375rem;transition:all .3s ease-in-out;margin-left:0;margin-right:0}.diff-group.changed{background-color:var(--bg-changed);border-left:4px solid var(--border-changed)}.diff-group.unchanged{background-color:var(--bg-unchanged);border-left:4px solid var(--border-unchanged)}.diff-line{display:flex;padding:.125rem 0;white-space:pre;-moz-tab-size:4;tab-size:4}.diff-line.has-changes{font-weight:500}.diff-line-number{display:inline-block;min-width:3rem;padding-right:1rem;text-align:right;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.diff-line-content{flex:1;padding-left:.5rem;font-variant:none!important;font-feature-settings:"tnum"!important;font-size:.875rem!important}.diff-line-content *{font-size:.875rem!important;max-height:1.5em;max-width:none;transform:none!important;display:inline}.diff-group-toggle{display:flex;align-items:center;width:100%;padding:.5rem;margin:.5rem 0;background-color:var(--bg-unchanged);border:1px solid var(--border-unchanged);border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out;color:var(--text-secondary);opacity:.7}.diff-group-toggle:hover{background-color:var(--bg-unchanged);opacity:1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.diff-group-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);opacity:.8}.diff-group-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.025em}.diff-container .diff-added{background-color:#e6ffec;color:#28a745;padding:.125rem .25rem;border-radius:.25rem;border:1px solid rgba(34,197,94,.3);font-weight:500;font-size:inherit}.diff-container .diff-removed{background-color:#ffebe9;color:#cb2431;padding:.125rem .25rem;border-radius:.25rem;border:1px solid rgba(203,36,49,.3);font-weight:500;font-size:inherit}.diff-unchanged{color:var(--text-primary);font-size:inherit}.diff-line-content span{font-size:inherit;vertical-align:baseline;display:inline}.diff-container .diff-added:has(span:only-child),.diff-container .diff-removed:has(span:only-child){font-size:inherit}.diff-line-content span:contains("①"),.diff-line-content span:contains("②"),.diff-line-content span:contains("③"){font-size:inherit!important;transform:scale(1)!important}.diff-added,.diff-removed,.diff-unchanged{font-size:inherit!important;font-variant:none!important;text-transform:none!important}@media (prefers-color-scheme: dark){.diff-container{--bg-surface: rgba(17, 24, 39, .3);--bg-secondary: rgba(31, 41, 55, .8);--bg-changed: rgba(30, 64, 175, .4);--bg-unchanged: rgba(31, 41, 55, .5);--bg-toggle: rgba(30, 64, 175, .2);--bg-toggle-hover: rgba(30, 64, 175, .3);--border-changed: rgb(59, 130, 246);--border-unchanged: rgb(75, 85, 99);--border-toggle: rgba(59, 130, 246, .7);--text-primary: rgb(229, 231, 235);--text-secondary: rgb(156, 163, 175);--border-color: rgba(75, 85, 99, .5)}.diff-container .diff-added{background-color:#22c55e4d;border-color:#22c55e66}.diff-container .diff-removed{background-color:#ef44444d;color:#f87171;border-color:#ef444466}}@media (prefers-color-scheme: light){.diff-container{--bg-surface: rgb(249, 250, 251);--bg-secondary: rgb(243, 244, 246);--bg-changed: rgba(219, 234, 254, .7);--bg-unchanged: rgb(249, 250, 251);--bg-toggle: rgba(219, 234, 254, .5);--bg-toggle-hover: rgba(219, 234, 254, .7);--border-changed: rgb(59, 130, 246);--border-unchanged: rgb(209, 213, 219);--border-toggle: rgba(59, 130, 246, .5);--border-color: rgba(209, 213, 219, .8);--text-primary: rgb(17, 24, 39);--text-secondary: rgb(107, 114, 128)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.diff-group{animation:slideDown .3s ease-out}@media (max-width: 640px){.diff-container{font-size:.75rem;padding-left:.5rem;padding-right:.5rem}.diff-line-number{min-width:2.5rem}.diff-navigation{padding:.375rem .75rem}.diff-navigation-button{padding:.25rem}}.diff-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.diff-empty-icon{width:4rem;height:4rem;color:var(--text-secondary);margin-bottom:1rem}.diff-empty-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.diff-empty-subtext{font-size:.875rem;color:var(--text-secondary)}.diff-container span{text-size-adjust:100%;-webkit-text-size-adjust:100%;transform:none!important;font-size:.875rem!important}.shortcut-hint{font-size:.75rem;color:var(--text-secondary);opacity:.7;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:.25rem;padding:.125rem .5rem;white-space:nowrap;-webkit-user-select:none;user-select:none}:root{--background: #fff;--foreground: #222;--border: #d1d5db;--surface: #f6f8fa;--primary: #0366d6;--secondary: #2ea44f;--diff-added: #e6ffec;--diff-removed: #ffebe9}.dark{--background: #0d1117;--foreground: #c9d1d9;--border: #30363d;--surface: #161b22}*{box-sizing:border-box;margin:0;padding:0;border-color:var(--border)}html,body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--foreground)}.editor-container{display:flex;flex-direction:column;gap:1rem;width:100%;padding:1rem}@media (min-width: 768px){.editor-container{flex-direction:row}.editor-box{width:50%}}.editor-box{flex:1;border:1px solid var(--border);border-radius:.25rem;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--surface);border-bottom:1px solid var(--border)}.editor-textarea-container{position:relative;height:300px;overflow:hidden}.editor-textarea{width:100%;height:100%;resize:none;padding:.5rem;font-family:Fira Code,monospace;border:none;outline:none;position:absolute;top:0;left:0;background-color:transparent;z-index:2;white-space:pre-wrap;overflow:auto;color:inherit;font-size:14px;line-height:1.5}.editor-highlight{position:absolute;top:0;left:0;width:100%;height:100%;padding:.5rem;font-family:Fira Code,monospace;white-space:pre-wrap;overflow:auto;background-color:transparent;z-index:1;pointer-events:none;color:transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.5;scrollbar-width:none}.editor-highlight::-webkit-scrollbar{display:none}.newline-marker{position:relative;display:inline-block;width:1em;height:1em;vertical-align:middle;color:transparent;font-weight:700}.newline-marker:after{content:"↵";position:absolute;left:0;top:0;font-size:.85em;width:100%;text-align:center}.newline-marker.removed:after{color:#cb2431}.newline-marker.added:after{color:#2ea44f}.diff-added-bg{background-color:var(--diff-added);border-radius:2px;padding:0;margin:0;display:inline;white-space:pre-wrap}.diff-removed-bg{background-color:var(--diff-removed);border-radius:2px;padding:0;margin:0;display:inline;white-space:pre-wrap}.diff-added{background-color:var(--diff-added);color:var(--foreground);padding:0 3px;border-radius:3px;text-decoration:none}.diff-removed{background-color:var(--diff-removed);color:var(--foreground);padding:0 3px;border-radius:3px;text-decoration:line-through}.app-header{padding:var(--space-4) 0;margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.app-title{margin-bottom:0;color:var(--color-text-primary);transition:color var(--transition-normal)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-4);margin-bottom:var(--space-4);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.card-title{margin-bottom:var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-content{margin-bottom:var(--space-3)}.card-footer{padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:all var(--transition-fast);border:none;line-height:1.25}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover,.btn-outline:focus{border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background-color:transparent;color:var(--color-text-primary)}.btn-ghost:hover,.btn-ghost:focus{background-color:#0000000d}.dark .btn-ghost:hover,.dark .btn-ghost:focus{background-color:#ffffff1a}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-lg)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-md)}.btn-icon svg{width:20px;height:20px}.text-editor{font-family:var(--font-family-mono);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--space-3);min-height:200px;width:100%;resize:vertical;line-height:1.5;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-editor:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.text-editor-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.text-editor-wrapper{position:relative;margin-bottom:var(--space-4)}.text-editor-counter{position:absolute;bottom:var(--space-2);right:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);pointer-events:none}.diff-removed-highlight{background-color:var(--color-surface);border-left:3px solid var(--color-diff-removed-text)}.diff-added-highlight{background-color:var(--color-surface);border-left:3px solid var(--color-diff-added-text)}.diff-container{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;overflow-x:auto;padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.diff-line{padding:var(--space-1) 0;width:100%;display:flex;flex-wrap:wrap}.diff-line.current-diff{background-color:#8b5cf61a;border-radius:var(--radius-sm)}.diff-navigation{border:1px solid var(--color-border)}.diff-added{background-color:var(--color-diff-added-bg);color:var(--color-diff-added-text)}.diff-removed{background-color:var(--color-diff-removed-bg);color:var(--color-diff-removed-text);text-decoration:line-through}.diff-unchanged{color:var(--color-diff-unchanged-text)}.diff-section{padding:var(--space-1) 0;border-left:2px solid transparent}.diff-section-changed{border-left:2px solid var(--color-primary);padding-left:var(--space-2)}.diff-collapse-btn{display:inline-flex;align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;margin:var(--space-1) 0;transition:all var(--transition-fast)}.diff-collapse-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.diff-collapse-btn svg{width:16px;height:16px;margin-right:var(--space-1)}.settings-panel{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-group{flex:1;min-width:150px}.settings-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.settings-select{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text-primary)}.select-input{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.select-input:focus{outline:none;border-color:var(--color-primary)}.summary-container{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-4);margin-bottom:var(--space-4)}.summary-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold)}.summary-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-3)}.summary-stat{display:flex;align-items:center}.summary-stat-indicator{width:12px;height:12px;border-radius:50%;margin-right:var(--space-2)}.summary-stat-indicator-added{background-color:var(--color-success)}.summary-stat-indicator-removed{background-color:var(--color-error)}.summary-stat-indicator-changed{background-color:var(--color-primary)}.summary-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.summary-stat-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-left:var(--space-1)}.summary-changes{max-height:160px;overflow-y:auto;border-top:1px solid var(--color-border);padding-top:var(--space-3)}.summary-change-item{padding:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono)}.summary-change-item-added{background-color:var(--color-diff-added-bg);border-left:4px solid var(--color-success)}.summary-change-item-removed{background-color:var(--color-diff-removed-bg);border-left:4px solid var(--color-error)}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-cols-2{grid-template-columns:1fr}}.share-btn,.share-button{position:relative}.share-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--color-text-primary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.share-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--color-text-primary) transparent transparent transparent}.share-btn:hover .share-tooltip{opacity:1}.theme-switch{position:relative;width:44px;height:22px}.theme-switch input{opacity:0;width:0;height:0}.theme-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:var(--transition-normal);border-radius:34px}.theme-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition-normal);border-radius:50%}input:checked+.theme-switch-slider{background-color:var(--color-primary)}input:focus+.theme-switch-slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.theme-switch-slider:before{transform:translate(22px)}.theme-toggle-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:9999px;transition:all .3s ease-in-out}.theme-toggle-btn.dark{background-color:#1f2937;color:#fde047}.theme-toggle-btn.dark:hover{background-color:#374151}.theme-toggle-btn.light{background-color:#dbeafe;color:#1d4ed8}.theme-toggle-btn.light:hover{background-color:#bfdbfe}.theme-toggle-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.theme-toggle-icon{position:relative;transition:opacity .3s}.theme-toggle-icon.animating{opacity:0}.theme-toggle-icon.visible{opacity:1}.theme-toggle-ripple{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.theme-toggle-ripple-inner{width:100%;height:100%;border-radius:9999px;animation:theme-toggle-ripple .6s ease-out forwards}.theme-toggle-ripple-inner.dark{background-color:#1f2937}.theme-toggle-ripple-inner.light{background-color:#dbeafe}.share-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:9999px;transition:all .3s ease-in-out}.share-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.share-button-copied{background-color:#dcfce7;color:#15803d}.share-button-default{background-color:#f3f4f6;color:#374151}.dark .share-button-copied{background-color:#16a34a66;color:#86efac}.dark .share-button-default{background-color:#1f2937;color:#d1d5db}.share-icon-container{display:flex;align-items:center;gap:.375rem;transform:transition-transform .3s ease-in-out}.share-icon-container.hovering:not(.copied){transform:scale(1.1)}.share-button-ripple{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;animation:success-ripple 1s ease-out forwards}.share-success-circle{width:3rem;height:3rem;color:#22c55e33}.diff-options-container{display:flex;align-items:center;gap:1rem}.diff-option-group{display:flex;align-items:center;background-color:#f6f8fa99;border-radius:.25rem;padding:.375rem .75rem;white-space:nowrap}.dark .diff-option-group{background-color:#1f293799}.diff-option-label{font-size:.75rem;font-weight:500;color:var(--secondary);margin-right:.5rem;display:flex;align-items:center}.diff-option-icon{width:.875rem;height:.875rem;margin-right:.375rem;flex-shrink:0}.diff-option-select{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--border);background-color:var(--surface)}.diff-option-select:focus{outline:none;ring:1px solid var(--primary)}@keyframes theme-toggle-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}@keyframes check{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes success-ripple{0%{transform:scale(.5);opacity:.3}to{transform:scale(1.5);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-check{animation:check .4s ease-in-out forwards}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.svg-icon{display:inline-block;width:1.25rem;height:1.25rem}.svg-icon.sm{width:1rem;height:1rem}.svg-icon.xs{width:.875rem;height:.875rem}.svg-icon.lg{width:1.5rem;height:1.5rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.min-h-screen{min-height:100vh}.bg-background{background-color:var(--background)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}h1{font-size:1.5rem;font-weight:700;color:var(--primary)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.border-neutral-300{border-color:var(--border)}.border-b{border-bottom-width:1px;border-bottom-style:solid}.mb-6{margin-bottom:1.5rem}.pb-4{padding-bottom:1rem}.flex-col{flex-direction:column}.sm\:flex-row{display:flex}.items-start{align-items:flex-start}.mb-3{margin-bottom:.75rem}.gap-3{gap:.75rem}.mt-6{margin-top:1.5rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.inline-block{display:inline-block}.w-3{width:.75rem}.h-3{height:.75rem}.bg-secondary{background-color:var(--secondary)}.rounded-full{border-radius:9999px}.mr-2{margin-right:.5rem}.ml-3{margin-left:.75rem}.text-sm{font-size:.875rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.rounded{border-radius:.25rem}.bg-surface\/60{background-color:#f6f8fa99}.border{border-width:1px;border-style:solid}.overflow-hidden{overflow:hidden}.hidden{display:none}.block{display:block}.text-right{text-align:right}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:background-color .2s,color .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#0556b3}.btn-secondary{background-color:var(--surface);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:#e9ebee}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}