.table-of-contents{min-height:95px;position:relative}.table-of-contents .table-of-contents__wrapper{border-radius:10px;z-index:3}@media (max-width: 1440px){.table-of-contents .table-of-contents__wrapper{position:relative!important}}.table-of-contents header{align-items:center;background:var(--secondary-color1, #302E5F);border-radius:20px;display:flex;justify-content:space-between;padding:23px;transition:border-radius .2s ease-in-out}.table-of-contents header h3{-webkit-font-smoothing:antialiased;color:#fff;font-size:32px;margin:0 0 0 12px}.table-of-contents header .button{border-radius:15px;background-color:#fff;box-shadow:0 -1px 5px #00000014 inset;font:400 16px/1.3 var(--font-body-family);align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:space-between;padding:7px 10px 4px 25px;vertical-align:middle;width:120px}.table-of-contents header .button span{color:rgb(var(--color-foreground));font:400 16px/1.3 var(--font-body-family)}.table-of-contents header .button svg{background-color:var(--body-bg, #d1f5ff);border-radius:50%;display:inline-block;position:relative;transform:rotate(180deg);transition:transform .2s ease-in;top:-1px;right:5px}.table-of-contents header .button svg path{fill:var(--primary-color1, #002d72)}.table-of-contents header .button.active svg{transform:rotate(0)}.table-of-contents .table-of-contents__body{background-color:color-mix(in srgb,#D9ECEB,transparent 50%);max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.table-of-contents .table-of-contents__body.active{border-radius:0 0 20px 20px;max-height:500px;overflow-y:auto}.table-of-contents.active header{border-radius:20px 20px 0 0}.table-of-contents{margin-block:45px}.table-of-contents .table-of-contents__wrapper{top:0;transition:top .3s ease-in-out}.table-of-contents.sticky{position:static}.table-of-contents.sticky .table-of-contents__wrapper{border-radius:22px;left:calc(var(--page-width-narrow) + (100% - var(--page-width-narrow)) / 2 + 50px);overflow-y:auto;position:fixed;top:140px;width:350px}@media screen and (max-width: 1550px){.table-of-contents.sticky .table-of-contents__wrapper{left:calc(var(--page-width-narrow) + (100% - var(--page-width-narrow)) / 2 + 10px)}}@media screen and (max-width: 1500px){.table-of-contents.sticky .table-of-contents__wrapper{display:none}}.table-of-contents.sticky .table-of-contents__wrapper header{padding:20px 10px 20px 20px}.table-of-contents.sticky .table-of-contents__wrapper header h3{font-size:1.8rem;margin:0}.table-of-contents.sticky .table-of-contents__wrapper .table-of-contents__list{padding:5px 20px}.table-of-contents.sticky .table-of-contents__wrapper .table-of-contents__list-item a{font-size:1.5rem}.table-of-contents.sticky .button{padding:5px 8px 5px 15px;width:93px}.table-of-contents .table-of-contents__list{padding:5px 35px}.table-of-contents .table-of-contents__list .table-of-contents__list-item>a{border-bottom:1px solid rgba(48,127,146,.2);position:relative}.table-of-contents .table-of-contents__list .table-of-contents__list-item:last-child a{border-bottom:0}.table-of-contents .table-of-contents__list .table-of-contents__list-item a{-webkit-font-smoothing:antialiased;color:var(--secondary-color1, #302E5F);cursor:pointer;display:block;font:600 18px var(--primary-font);padding-block:15px;position:relative;text-decoration:none;z-index:2}.table-of-contents .table-of-contents__list .table-of-contents__list-item a:after{background:linear-gradient(93.63deg,#04e4ff33 1.61%,#0076a833 98.62%);content:" ";height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;transition:width .3s ease-in-out;width:0}.table-of-contents .table-of-contents__list .table-of-contents__list-item a:hover:after{width:100%}.table-of-contents__header button:after,.table-of-contents__header button:hover:after{box-shadow:unset!important}.table-of-contents__header button{min-height:unset}@media screen and (max-width: 576px){.table-of-contents header{padding:20px 10px}.table-of-contents header h3{font-size:15px;margin:0}.table-of-contents .table-of-contents__list{padding:5px 10px}.table-of-contents .table-of-contents__list .table-of-contents__list-item a{font:600 16px var(--primary-font)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/table-of-contents.css.map */