@import './@wind/main.css';
@import './@wind/sm.css';
@import './@wind/md.css';
@import './@wind/lg.css';
/*
@import 'https://interpreterlab.com/home/dist/css/@wind/sm.css';
@import 'https://interpreterlab.com/home/dist/css/@wind/md.css';
@import 'https://interpreterlab.com/home/dist/css/@wind/lg.css';*/
:root {
    --r: 0.25rem; /* rem */
    --i: 0.25rem; /* inset */
    --p: 0.25rem; /* padding */
    --m: 0.25rem; /* margin */
    --ra: 0.125rem; /* radius */
    --tX: 0; /* translateX */
    --tY: 0; /* translateY */
    --skewX: 0;
    --skewY: 0;
    --rotate: 0;
    --scaleX: 1;
    --scaleY: 1;
    --grayscale: grayscale(0);
    --blur: blur(0);
    --item: all; /* transition-item */
    --tt: linear; /* transiton type: linear, ease-in, ease-in-out */
    --font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --input-radius: calc(0.125rem * 4);
    --caret-padding: 2.25rem;
    --input-ring: rgba(0, 0, 0, 0.8);
    --input-border-thickness: 1px;
    --input-outline-offset: 0;
    --input-outline: 1px;
    --input-placeholder: rgba(0, 0, 0, 0.4);
    --ts: 0.5s; /* animation-duration */
    --kfd: 0; /* animation-delay */
    --backdrop-blur: 2px;
    --clamp: 2;
}
.dark {
    --input-placeholder: rgba(255, 255, 255, 0.4);
    --input-ring: rgba(255, 255, 255, 0.9);
}
/* Normalize.css - Modern Reset */
html { scroll-behavior: smooth; }
*, *::after, *::before { box-sizing: border-box; border: 0 solid rgba(255, 255, 255, 0.003) }
img, picture, video, canvas, svg { display: block; max-width: 100%; } 
input, button, textarea, select { font: inherit; color: inherit; background: none; border: none; padding: 0; margin: 0; outline: none; } 
a { text-decoration: none; color: inherit; } 
ul, ol { list-style:none; padding:0; margin:0;}
figure { margin: 0 0 1rem; }
img, svg { vertical-align: middle; }
table { border-collapse: collapse; margin: 0 0 0 0; }
th { text-align: inherit; text-align: -webkit-match-parent; }
thead, tbody, tfoot, tr, td, th {  border-color: inherit; border-style: solid; border-width: 0; position: relative; }
table { width: 100%; margin-bottom: 0; vertical-align: top; }
table > :not(caption) > * > * { padding: 10px; }
table > tbody { vertical-align: inherit; }
table > thead th { vertical-align: bottom; }
[type='text'],
[type='email'],
[type='url'],
[type='password'],
[type='number'],
[type='date'],
[type='datetime-local'],
[type='month'],
[type='search'],
[type='tel'],
[type='time'],
[type='week'],
[multiple],
textarea,
select {
    appearance: none;
    border-width: var(--input-border-thickness);
    border-style: solid;
    border-radius: var(--input-radius);
    outline: var(--input-border-thickness) transparent solid;
    outline-offset: var(--input-outline-offset);
    flex-shrink: 0;
    min-height: 1.5em;
}
::-webkit-input-placeholder,
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    color: var(--input-placeholder);
}
select {
    background-image: url(/home/dist/css/shapes/caret.svg);
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: var(--caret-padding);
    print-color-adjust: exact;
    border-color: rgba(255, 255, 255, 0.003);
    border-radius: var(--input-radius);
}
[type='text']:focus,
[type='email']:focus,
[type='url']:focus,
[type='password']:focus,
[type='number']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='week']:focus,
[multiple]:focus,
html, body {
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html, body {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    line-height: 1.5;
}  
input, button, select, textarea {
    padding: 10px 16px;
    font-size: 16px;
    border-radius: calc(var(--ra) * 4);
}
textarea {
    min-height: 90px;
    resize: none;
    overflow: hidden;
}
button:not(disabled):hover {
    cursor: pointer;
}
button:disabled:hover {
    cursor: not-allowed;
}
.translate3d {
    transform: translate3d(0,0,0);
}
.backdrop-blur {
    background-color: rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(var(--backdrop-blur));
    -webkit-backdrop-filter: blur(var(--backdrop-blur));
}
input.outline-none {
    --input-border-thickness: 0;
    --input-outline-offset: 0;
    --input-outline: 0;
    --input-radius: 0;
}
textarea:not(.outline-none):focus,
select:not(.outline-none):focus,
input:not(.outline-none):focus {
    outline: var(--input-outline) var(--input-ring) solid;
}
.clamp-1 { --clamp: 1; }
.clamp-2 { --clamp: 2; }
.clamp-3 { --clamp: 3; }
.clamp-4 { --clamp: 4; }
.truncate-text {
    display: -webkit-box;
    line-clamp: var(--clamp);
    -webkit-line-clamp: var(--clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
button.button-mask::before,
button:not(.no-mask)::before { /* making sure all buttons have a mask */
    content: '';
    background: rgba(0,0,0,0.002);
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    inset: 0;
}

/* SHADOW COLORS */
.shadow-30 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.0300); }
.shadow-40 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.0400); }
.shadow-50 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.0500); }
.shadow-100 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.100); }
.shadow-200 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.200); }
.shadow-300 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.300); }
.shadow-400 { box-shadow: 0 10px 14px -7px rgba(0,0,0,.400); }

.shadow-xy-1 { box-shadow: 0 0 30px rgba(0,0,0,.0250); }
.shadow-xy-2 { box-shadow: 0 0 30px rgba(0,0,0,.0400); }
.shadow-xy-3 { box-shadow: 0 0 30px rgba(0,0,0,.0500); }
.shadow-xy-4 { box-shadow: 0 0 30px rgba(0,0,0,.0700); }
.shadow-xy-5 { box-shadow: 0 0 30px rgba(0,0,0,.0900); }
.shadow-xy-6 { box-shadow: 0 0 30px rgba(0,0,0,.1); }
.shadow-xy-7 { box-shadow: 0 0 30px rgba(0,0,0,.2); }
.shadow-xy-8 { box-shadow: 0 0 30px rgba(0,0,0,.3); }
.shadow-xy-9 { box-shadow: 0 0 30px rgba(0,0,0,.4); }

.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
.shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
.shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
.shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); }
.shadow-none { box-shadow: 0 0 #0000; }
.modal-shadow { box-shadow: var(--modal-shadow); }