@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.packs-single .pack-intro{display:flex;flex-direction:row;justify-content:space-between;margin:var(--space-xl) 0;gap:var(--space-lg)}body.packs-single .pack-intro__info,body.packs-single .pack-intro__visual{flex:1}body.packs-single .pack-intro__header{display:flex;flex-direction:column;align-items:flex-start}body.packs-single .pack-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.packs-single .pack-intro__category,body.packs-single .pack-intro__count{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.packs-single .pack-intro__description{margin:var(--space-md) 0}body.packs-single .pack-intro__meta{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--color-gray-400)}body.packs-single .pack-intro__meta-row{display:flex;align-items:center;gap:var(--space-sm)}body.packs-single .pack-intro__meta-row svg{flex-shrink:0}body.packs-single .pack-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.packs-single .pack-intro__meta-highlight{color:var(--color-navy-300);text-transform:capitalize}body.packs-single .pack-intro__meta-muted{color:var(--color-gray-500);text-transform:capitalize}body.packs-single .pack-intro__preview-panel .packs-preview{--pack-icon-size: 67px;--pack-preview-height: 310px}body.packs-single .pack-intro__preview-panel .packs-preview .packs-grid{grid-template-columns:1fr}@media(max-width:991px){body.packs-single .pack-intro{flex-direction:column-reverse;margin:var(--space-md) 0}body.packs-single .pack-intro__preview{width:auto;height:300px}}body.packs-single .pack-icons{margin:var(--space-xl) 0}body.packs-single .pack-icons .section-header{text-align:center;margin-bottom:var(--space-md)}body.packs-single .pack-icons__actions{text-align:center;margin-top:var(--space-md)}body.packs-single .pack-example{margin:var(--space-xl) 0}body.packs-single .pack-example .section-header{text-align:center;margin-bottom:var(--space-lg)}body.packs-single .pack-usage{margin:var(--space-xl) 0}body.packs-single .pack-usage .section-header{max-width:600px}body.packs-single .tech-integration{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}@media(max-width:991px){body.packs-single .tech-integration{flex-direction:column}}body.packs-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.packs-single .tech-integration__icons{display:flex;gap:var(--space-sm)}@media(max-width:991px){body.packs-single .tech-integration__icons{display:grid;grid-template-columns:repeat(3,1fr)}}body.packs-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.packs-single .tech-integration__item img{display:block}body.packs-single .pack-related{margin:var(--space-xl) 0}body.packs-single .pack-related .section-header{margin-bottom:var(--space-md)}body.packs-single .gray{background:var(--color-gray-100)}