@charset "UTF-8";.packs-preview{--pack-icon-size: 45px;--pack-preview-height: 200px;--pack-bg: var(--color-gray-100);--pack-icon-filter: grayscale(1);--pack-outline-color: transparent}.packs-preview .packs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:991px){.packs-preview .packs-grid{grid-template-columns:repeat(1,1fr)}}.packs-preview .pack-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);text-decoration:none;color:inherit;border:1px solid var(--color-gray-300);border-radius:var(--radius-xl)}.packs-preview .pack-card:nth-child(1){--pack-bg: #ddf7a4;--pack-outline-color: color-mix(in srgb, #9dac11 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(5439%) hue-rotate(21deg) brightness(87%) contrast(87%)}.packs-preview .pack-card:nth-child(2){--pack-bg: #ede7fc;--pack-outline-color: color-mix(in srgb, #9747ff 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(2279%) hue-rotate(250deg) brightness(104%) contrast(102%)}.packs-preview .pack-card:nth-child(3){--pack-bg: #fed9c1;--pack-outline-color: color-mix(in srgb, #fe8c4b 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(67%) sepia(7%) saturate(7350%) hue-rotate(328deg) brightness(106%) contrast(99%)}.packs-preview .pack-card--green{--pack-bg: #ddf7a4;--pack-outline-color: color-mix(in srgb, #9dac11 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(5439%) hue-rotate(21deg) brightness(87%) contrast(87%)}.packs-preview .pack-card--purple{--pack-bg: #ede7fc;--pack-outline-color: color-mix(in srgb, #9747ff 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(2279%) hue-rotate(250deg) brightness(104%) contrast(102%)}.packs-preview .pack-card--orange{--pack-bg: #fed9c1;--pack-outline-color: color-mix(in srgb, #fe8c4b 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(67%) sepia(7%) saturate(7350%) hue-rotate(328deg) brightness(106%) contrast(99%)}.packs-preview .pack-card__info{display:flex;flex-direction:column}.packs-preview .pack-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-lg);color:var(--color-navy-300)}.packs-preview .pack-card__count{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-lg);color:var(--color-gray-500)}.packs-preview .pack-preview{position:relative;height:var(--pack-preview-height);border-radius:var(--radius-lg);overflow:hidden;background:var(--pack-bg)}.packs-preview .pack-preview--bordered{border:1px solid var(--color-gray-300)}.packs-preview .pack-preview--green{--pack-bg: #ddf7a4;--pack-outline-color: color-mix(in srgb, #9dac11 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(82%) sepia(28%) saturate(5439%) hue-rotate(21deg) brightness(87%) contrast(87%)}.packs-preview .pack-preview--purple{--pack-bg: #ede7fc;--pack-outline-color: color-mix(in srgb, #9747ff 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(2279%) hue-rotate(250deg) brightness(104%) contrast(102%)}.packs-preview .pack-preview--orange{--pack-bg: #fed9c1;--pack-outline-color: color-mix(in srgb, #fe8c4b 50%, transparent);--pack-icon-filter: brightness(0) saturate(100%) invert(67%) sepia(7%) saturate(7350%) hue-rotate(328deg) brightness(106%) contrast(99%)}.packs-preview .pack-preview-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(15deg);display:flex;flex-direction:column;gap:20px;padding:var(--space-sm)}.packs-preview .pack-preview-icons__row{display:flex;gap:var(--pack-icon-size);flex-shrink:0;background:var(--pack-bg)}.packs-preview .pack-preview-icons__row:nth-child(2n){margin-left:var(--pack-icon-size)}.packs-preview .pack-preview-icons__item lord-icon{display:block;width:var(--pack-icon-size);height:var(--pack-icon-size);object-fit:contain}.packs-preview .pack-preview-icons__item img{display:block;width:var(--pack-icon-size);height:var(--pack-icon-size);object-fit:contain}.packs-preview .pack-preview--colorize .pack-preview-icons__item{filter:var(--pack-icon-filter)}.packs-preview .pack-preview--outline .pack-preview-icons__item{filter:drop-shadow(1px 0 0 var(--pack-outline-color)) drop-shadow(-1px 0 0 var(--pack-outline-color)) drop-shadow(0 1px 0 var(--pack-outline-color)) drop-shadow(0 -1px 0 var(--pack-outline-color))}.packs-preview .pack-preview--darken .pack-preview-icons__item{mix-blend-mode:darken}.packs-preview .pack-preview--multiply .pack-preview-icons__item{filter:saturate(2) contrast(1.1) brightness(.8);mix-blend-mode:multiply}.packs-preview .pack-preview--multiply-alt .pack-preview-icons__item{mix-blend-mode:multiply}.packs-preview .pack-preview--luminosity .pack-preview-icons__item{filter:contrast(.9);mix-blend-mode:luminosity}.icons-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-xm)}.icons-grid__item{position:relative;aspect-ratio:5/6;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--space-sm) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-white-100);background:var(--color-white-100);text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease}.icons-grid__item:hover{border-color:var(--color-gray-500);text-decoration:none}.icons-grid__item-header{position:absolute;top:8px;left:8px}.icons-grid__badge{display:flex;padding:0 8px;justify-content:center;align-items:center;border-radius:25px;background:var(--color-purple-100);color:var(--color-navy-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:.3px;text-transform:uppercase}.icons-grid__icon-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 10px))}.icons-grid__icon-slot lord-icon,.icons-grid__icon-slot img{display:block;width:80px;height:80px;object-fit:contain}.icons-grid__item-footer{width:100%}.icons-grid__icon-name{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-sm);text-align:center;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.icons-grid__new-indicator{position:absolute;bottom:10px;right:7px;display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--color-blue-300)}@media(max-width:991px){.icons-grid{grid-template-columns:repeat(2,1fr)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--button-padding-block, var(--space-xs)) var(--space-xm);border-radius:var(--radius-md);border:1px solid transparent;box-sizing:border-box;font-weight:var(--font-weight-medium);font-size:var(--button-font-size, var(--font-size-md));line-height:var(--line-height-lg);min-width:10px;-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none}.button lord-icon{margin:0 calc(-1 * var(--space-xs))}.button lord-icon img{filter:var(--button-icon-filter)}.button:hover{text-decoration:none}.button--sm{--button-font-size: var(--font-size-sm)}.button--md{--button-font-size: var(--font-size-md)}.button--lg{--button-padding-block: var(--space-sm)}.button--expand{display:flex;width:100%}.button--expand:has(.icon) .button__title{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:10px}.button--expand.button--icon-right .button__title{text-align:left}.button--icon-right{flex-direction:row-reverse}.button__title{text-align:center}.button--secondary{--button-icon-filter: var(--filter-navy-300);background:var(--color-white-100);border-color:var(--color-gray-300);color:var(--color-navy-300)}.button--secondary:hover{background:var(--color-gray-200);color:var(--color-navy-300)}.button--secondary:active{background:var(--color-gray-300);color:var(--color-navy-300)}.button--secondary-on-dark{background:var(--color-navy-300);border-color:var(--color-white-100);color:var(--color-white-100)}.button--secondary-on-dark:hover{background:#fff3;color:var(--color-white-100)}.button--secondary-on-dark:active{background:#ffffff4d;color:var(--color-white-100)}.button--primary{--button-icon-filter: var(--filter-white-100);background:var(--color-green-300);border-color:var(--color-green-300);color:var(--color-white-100)}.button--primary:hover{background:var(--color-green-250);border-color:var(--color-green-250);color:var(--color-white-100)}.button--primary:active{background:var(--color-green-500);border-color:var(--color-green-500);color:var(--color-white-100)}.button--primary-secondary{--button-icon-filter: var(--filter-green-300);background:var(--color-white-100);border-color:var(--color-green-300);color:var(--color-green-300)}.button--primary-secondary:hover{border-color:var(--color-green-250);color:var(--color-green-250)}.button--primary-secondary:active{border-color:var(--color-green-500);color:var(--color-green-500)}.button--pro{--button-icon-filter: var(--filter-purple-300);background:var(--color-purple-300);border-color:var(--color-purple-300);color:var(--color-white-100)}.button--pro:hover{background:var(--color-purple-200);border-color:var(--color-purple-200);color:var(--color-white-100)}.button--pro:active{background:var(--color-purple-500);border-color:var(--color-purple-500);color:var(--color-white-100)}.button--pro-secondary{--button-icon-filter: var(--filter-purple-300);background:var(--color-white-100);border-color:var(--color-purple-300);color:var(--color-purple-300)}.button--pro-secondary:hover{border-color:var(--color-purple-200);color:var(--color-purple-200)}.button--pro-secondary:active{border-color:var(--color-purple-500);color:var(--color-purple-500)}.button--danger{--button-icon-filter: var(--filter-red-300);background:var(--color-red-300);border-color:var(--color-red-300);color:var(--color-white-100)}.button--danger:hover{background:var(--color-red-200);border-color:var(--color-red-200);color:var(--color-white-100)}.button--danger:active{background:var(--color-red-500);border-color:var(--color-red-500);color:var(--color-white-100)}.button--danger-secondary{--button-icon-filter: var(--filter-red-300);background:var(--color-white-100);border-color:color-mix(in srgb,var(--color-red-200) 60%,transparent);color:var(--color-red-300)}.button--danger-secondary:hover{background:var(--color-gray-200);color:var(--color-red-300)}.button--danger-secondary:active{background:var(--color-gray-300);color:var(--color-red-500)}.button[inert]{--button-icon-filter: var(--filter-gray-500);pointer-events:none;cursor:not-allowed;background:var(--color-gray-300);border-color:var(--color-gray-300);color:var(--color-gray-500)}.dots{display:flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.dots__dot{position:relative;padding:.3125rem;width:.625rem;height:.625rem;border-radius:50%;cursor:pointer}.dots__dot:after{content:"";display:block;width:.625rem;height:.625rem;border-radius:50%;background:var(--color-gray-300);position:absolute;left:5px;top:5px}.dots__dot:hover:after{background:var(--color-gray-400)}.dots__dot:active:after{background:var(--color-green-500)}.dots__dot--active:after{background:var(--color-green-300)}.dots__arrow{color:var(--color-gray-500);cursor:pointer}.dots__arrow-left{margin-right:var(--space-xm);transform:rotate(180deg)}.dots__arrow-right{margin-left:var(--space-xm)}body.icons-single .icon-intro{display:flex;flex-direction:row;justify-content:space-between;margin:var(--space-xl) 0;gap:var(--space-lg)}body.icons-single .icon-intro__info{align-self:stretch;max-width:500px}body.icons-single .icon-intro__header{display:flex;flex-direction:column;align-items:flex-start}body.icons-single .icon-intro__name{color:#000;font-family:var(--font-family);font-size:32px;font-style:normal;font-weight:var(--font-weight-semibold);line-height:var(--line-height-md)}body.icons-single .icon-intro__subtitle{overflow:hidden;color:var(--color-gray-500);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-normal);line-height:var(--line-height-lg)}body.icons-single .icon-intro__badge{display:flex;padding:0 8px;justify-content:center;align-items:center;border-radius:25px;background:var(--color-purple-100);color:var(--color-navy-300);text-align:center;font-family:var(--font-family);font-size:var(--font-size-xs);font-style:normal;font-weight:var(--font-weight-semibold);line-height:20px;letter-spacing:.3px;text-transform:uppercase}body.icons-single .icon-intro__description{margin:var(--space-md) 0}body.icons-single .icon-intro__meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--color-gray-400)}body.icons-single .icon-intro__meta-row{display:flex;align-items:center;gap:var(--space-sm)}body.icons-single .icon-intro__meta-row svg{flex-shrink:0}body.icons-single .icon-intro__meta-row>span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:19.6px;color:var(--color-gray-500)}body.icons-single .icon-intro__meta-highlight{color:var(--color-navy-300);text-transform:capitalize}body.icons-single .icon-intro__meta-muted{color:var(--color-gray-500);text-transform:capitalize}body.icons-single .icon-intro__preview{width:400px;height:400px;border-radius:20px;border:1px solid var(--color-gray-300);display:flex;align-items:center;justify-content:center}body.icons-single .icon-intro__preview lord-icon,body.icons-single .icon-intro__preview img{display:block;width:250px;height:auto;aspect-ratio:1}@media(max-width:991px){body.icons-single .icon-intro{flex-direction:column-reverse;margin:var(--space-md) 0}body.icons-single .icon-intro__preview{width:auto;height:300px}}body.icons-single .icon-animation{margin:var(--space-xl) 0}body.icons-single .icon-animation .section-header{text-align:center;margin-bottom:var(--space-lg)}body.icons-single .animation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(max-width:991px){body.icons-single .animation-grid{grid-template-columns:1fr}}body.icons-single .animation-card{border-radius:var(--radius-xl);border:1px solid var(--color-gray-300);padding:var(--space-sm);display:flex;flex-direction:column}body.icons-single .animation-card__preview{border-radius:var(--radius-xl);background:var(--color-white-100);display:flex;flex-direction:column;height:170px}body.icons-single .animation-card__pages{flex:1;position:relative;min-height:0}body.icons-single .animation-card__page{display:none;position:absolute;inset:0;grid-template-columns:repeat(3,1fr);align-items:center;padding:var(--space-md)}body.icons-single .animation-card__page--active{display:grid}body.icons-single .animation-card__dots{display:flex;justify-content:center;gap:6px;padding:var(--space-xs) 0 var(--space-sm);flex-shrink:0}body.icons-single .animation-card__dot{width:8px;height:8px;border-radius:50%;background:var(--color-gray-300);cursor:pointer;transition:background .2s ease}body.icons-single .animation-card__dot--active{background:var(--color-navy-300)}body.icons-single .animation-card__info{display:flex;padding:var(--space-md) var(--space-sm) var(--space-xm) var(--space-sm);flex-direction:column;align-items:flex-start;gap:var(--space-xs);align-self:stretch}body.icons-single .animation-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-navy-300);line-height:var(--line-height-md);margin:0}body.icons-single .animation-card__desc{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--color-gray-500);line-height:var(--line-height-lg);margin:0}body.icons-single .animation-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}body.icons-single .animation-state lord-icon{display:block;width:90px;height:90px}body.icons-single .animation-state__label{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;line-height:1.4}body.icons-single .icon-showcase{margin:var(--space-xl) 0}body.icons-single .icon-showcase .section-header{text-align:center;margin-bottom:var(--space-lg)}body.icons-single .icon-showcase__actions{text-align:center;margin-top:var(--space-md)}body.icons-single .icon-usage{margin:var(--space-xl) 0}body.icons-single .icon-usage .section-header{max-width:600px}body.icons-single .tech-integration{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}@media(max-width:991px){body.icons-single .tech-integration{flex-direction:column}}body.icons-single .tech-integration__label{flex-shrink:0;color:var(--color-gray-500);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:28px;margin:0}body.icons-single .tech-integration__icons{display:flex;gap:var(--space-sm)}@media(max-width:991px){body.icons-single .tech-integration__icons{display:grid;grid-template-columns:repeat(3,1fr)}}body.icons-single .tech-integration__item{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--color-white-100);border-radius:var(--radius-md);flex-shrink:0}body.icons-single .tech-integration__item img{display:block}body.icons-single .icon-about{margin:var(--space-xl) 0}body.icons-single .icon-about .section-header{text-align:center;margin-bottom:var(--space-lg)}body.icons-single .icon-about .icon-details{display:grid;grid-template-columns:200px 1fr;border:1px solid #e2e8f0;border-radius:var(--radius-lg);overflow:hidden;margin:0;font-family:sans-serif;background-color:var(--color-white-100)}body.icons-single .icon-about .icon-details dt{background-color:#f8fafc;color:#1e293b;font-weight:var(--font-weight-semibold);padding:16px var(--space-md);margin:0;display:flex;align-items:center}body.icons-single .icon-about .icon-details dd{padding:16px var(--space-md);margin:0;color:#475569;display:flex;align-items:center;border-bottom:1px solid #e2e8f0}body.icons-single .icon-about .icon-details dd:last-of-type{border-bottom:none}body.icons-single .icon-about .icon-details__pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}body.icons-single .icon-about .icon-details__pill{display:inline-flex;align-items:center;padding:0 var(--space-sm);height:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-gray-300);background:var(--color-white-100);color:var(--color-navy-300);font-size:var(--font-size-xm);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap;line-height:1}body.icons-single .icon-about .icon-details__pill:hover{background-color:var(--color-gray-200)}@media(max-width:600px){body.icons-single .icon-about .icon-details{grid-template-columns:1fr 2fr}body.icons-single .icon-about .icon-details dd{border-bottom:2px solid #f1f5f9}}body.icons-single .icon-related{margin:var(--space-xl) 0}body.icons-single .icon-related .section-header{text-align:center;margin-bottom:var(--space-md)}body.icons-single .icon-packs{margin:var(--space-xl) 0}body.icons-single .icon-packs .section-header{margin-bottom:var(--space-md)}body.icons-single .gray{background:var(--color-gray-100)}