.linklist-section{padding:3rem 0;position:relative;margin:0 auto;animation:fadeInUp .8s ease-out forwards;max-width:calc(var(--max-width) + calc(var(--space-outer) * 2))}.linklist-section--full-width{max-width:100%;margin:0}.linklist-section__header{background:#fff;border-radius:12px 12px 0 0;border:1px solid rgba(0,0,0,.05);border-bottom:none;padding:1.5rem 2rem;margin:0 2rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.linklist-section__header:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.linklist-section__title{font-size:2rem;font-weight:600;color:var(--text-color, #212529);margin:0;flex:1;animation:slideInLeft .6s ease-out .2s both}.linklist-section__toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:1rem;animation:bounceIn .6s ease-out .4s both}.linklist-section__toggle:hover{background-color:#f8f9fa;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.linklist-section__toggle:focus{outline:2px solid #007bff;outline-offset:2px;box-shadow:0 0 0 4px #007bff40}.linklist-section__toggle-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.linklist-section__toggle-icon svg{width:1.25rem;height:1.25rem;color:#6c757d;transition:color .3s ease}.linklist-section__toggle:hover .linklist-section__toggle-icon svg{color:#007bff}.linklist-section__toggle[aria-expanded=false] .linklist-section__toggle-icon{transform:rotate(-90deg)}.linklist-section__toggle[aria-expanded=true] .linklist-section__toggle-icon{transform:rotate(0)}.linklist-section__content{transition:all .5s cubic-bezier(.4,0,.2,1);opacity:1;max-height:none;overflow:hidden;background:#fff;border-radius:0 0 12px 12px;border:1px solid rgba(0,0,0,.05);border-top:none;margin:0 2rem;transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.linklist-section__content--collapsed{opacity:0;max-height:0;padding:0;border:none;transform:translateY(-10px);box-shadow:none}.linklist-section__description{text-align:center;color:#6c757d;margin-bottom:2rem;font-size:1.1rem;transition:all .3s ease;opacity:1;max-height:200px;overflow:hidden;padding:1rem 2rem 0}.linklist-section__description--collapsed{opacity:0;max-height:0;margin-bottom:0;padding:0}.linklist-section__inner{margin-top:0}.linklist{width:100%;background:transparent;border:none;border-radius:0;padding:2rem;margin:0}.linklist-section:not(:has(.linklist-section__header)) .linklist-section__content{border-radius:12px;border:1px solid rgba(0,0,0,.05)}.linklist__row{margin-bottom:2rem}.linklist__row:last-child{margin-bottom:0}.linklist__container{display:grid;gap:2rem;position:relative}.linklist[data-columns="1"] .linklist__container{grid-template-columns:1fr}.linklist[data-columns="2"] .linklist__container{grid-template-columns:repeat(2,1fr)}.linklist[data-columns="3"] .linklist__container{grid-template-columns:repeat(3,1fr)}.linklist[data-columns="4"] .linklist__container{grid-template-columns:repeat(4,1fr)}.linklist__section{position:relative;background:var(--item-bg-color, #f8f9fa);border-radius:6px;padding:1.5rem;border:1px solid var(--border-color, rgba(0, 0, 0, .05));transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);box-shadow:0 1px 3px #0000001a;animation:fadeInUp .6s ease-out forwards}.linklist__section:nth-child(1){animation-delay:.1s}.linklist__section:nth-child(2){animation-delay:.2s}.linklist__section:nth-child(3){animation-delay:.3s}.linklist__section:nth-child(4){animation-delay:.4s}.linklist__section:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--border-color, #007bff)}.linklist__section--collapsible{border:1px solid var(--border-color, #dee2e6)}.linklist__section-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #212529);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color, #dee2e6);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.linklist__section:hover .linklist__section-title{color:#007bff;border-bottom-color:#007bff}.linklist__section-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.linklist__section-toggle:hover{background-color:#007bff1a;transform:scale(1.2)}.linklist__section-toggle-icon{transition:transform .4s cubic-bezier(.4,0,.2,1);font-size:.875rem}.linklist__section-toggle[aria-expanded=false] .linklist__section-toggle-icon{transform:rotate(-90deg)}.linklist__list{list-style:none;padding:0;margin:0;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:1;max-height:1000px;overflow:hidden}.linklist__list--collapsed{opacity:0;max-height:0;transform:translateY(-10px)}.linklist__item{margin-bottom:.5rem;animation:fadeInRight .4s ease-out forwards;opacity:0}.linklist__item:nth-child(1){animation-delay:.1s}.linklist__item:nth-child(2){animation-delay:.15s}.linklist__item:nth-child(3){animation-delay:.2s}.linklist__item:nth-child(4){animation-delay:.25s}.linklist__item:nth-child(5){animation-delay:.3s}.linklist__item:nth-child(6){animation-delay:.35s}.linklist__link{color:var(--link-color, #6c757d);text-decoration:none;font-size:.875rem;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;padding:.25rem 0;position:relative;overflow:hidden}.linklist__link:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.linklist__link:hover,.linklist__link:focus{color:var(--text-color, #495057);text-decoration:none;transform:translate(5px)}.linklist__link:hover:before{width:100%}.linklist[data-show-dividers=true] .linklist__section:not(:last-child):after{content:"";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);height:60%;width:1px;background-color:var(--border-color, #dee2e6)}.linklist-section__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:12px;pointer-events:none;transition:opacity .3s ease;opacity:0}.linklist-section__header:hover:before{opacity:1}.linklist-section.loading .linklist__section{animation:pulse 1.5s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.linklist__container{grid-template-columns:1fr!important;gap:1.5rem}.linklist[data-show-dividers=true] .linklist__section:after{display:none}.linklist{padding:1rem}.linklist-section{padding:2rem 0}.linklist__row{margin-bottom:1.5rem}.linklist-section__header{padding:1rem 1.5rem;margin:0 1rem}.linklist-section__content{margin:0 1rem}.linklist-section__title{font-size:1.5rem}.linklist-section__toggle{width:2rem;height:2rem}.linklist-section__toggle-icon svg{width:1rem;height:1rem}.linklist-section__description{padding:1rem 1.5rem 0}.linklist__section{animation-duration:.4s}.linklist__section:hover{transform:translateY(-2px)}.linklist__link:hover{transform:translate(3px)}}@media (max-width: 1024px){.linklist[data-columns="4"] .linklist__container,.linklist[data-columns="3"] .linklist__container{grid-template-columns:repeat(2,1fr)}}.shopify-section .linklist-section{min-height:200px}.shopify-section .linklist__section{min-height:120px}.shopify-section .linklist__section:empty:before{content:"Add links by selecting a menu";color:#999;font-style:italic;display:block;padding:1rem;text-align:center}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/linklist.css.map */