.summary{padding:40px;border-radius:16px}html{scroll-behavior:smooth}body.is-scrolling{scroll-behavior:auto}body.is-scrolling *{pointer-events:none}body.is-scrolling:before{content:"";position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-foreground, #000),transparent);z-index:9999;animation:scroll-progress 1.2s ease-in-out}@keyframes scroll-progress{0%{transform:translate(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(100%);opacity:0}}.summary h2{font-size:24px;font-family:var(--font-heading-family)}.summary-item{padding-bottom:20px;border-bottom:1px solid #e3e1df;font-family:var(--font-body-family);margin-bottom:20px}.summary-item h3{font-size:18px;font-weight:700;font-family:var(--font-heading-family);line-height:28px;word-wrap:break-word}.summary-item p{font-size:15px;line-height:24px;font-weight:400;font-family:var(--font-body-family);color:#585858;word-wrap:break-word}.summary-item a{text-decoration:none;display:flex;align-items:center;font-family:var(--font-body-family);font-size:15px;line-height:24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.summary-item a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.summary-item a:hover{opacity:.9;text-shadow:0 0 8px rgba(0,0,0,.1)}.summary-item a:hover:before{left:100%}.summary-item a:active{transform:scale(.98);transition:all .1s ease}.summary-item a:focus{outline:2px solid var(--color-foreground, #000);outline-offset:2px;border-radius:2px}.summary-item a:focus:not(:focus-visible){outline:none}.summary-item a:focus-visible{outline:2px solid var(--color-foreground, #000);outline-offset:2px;border-radius:2px}.summary-item img{display:inline-block;margin-left:6px;height:15px;transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes bounce-arrow{0%,to{transform:translateY(2px) rotate(3deg)}50%{transform:translateY(-2px) rotate(-3deg)}}@media(hover:none)and (pointer:coarse){.summary-item a{padding:8px 0}.summary-item a:active{transform:scale(.95);background:#0000000d;border-radius:4px}}@media screen and (max-width:750px){.summary{padding:20px}.summary-item h3,.summary-item p,.summary-item a{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-summary.css.map */
