.character__wrapper{padding:var(--hh-spacing-3xl) 0 var(--hh-spacing-2xl);display:block;position:relative}@media screen and (min-width: 1024px){.character__wrapper{padding:var(--hh-spacing-3xl) 0 var(--hh-spacing-4xl)}}.character__inner-wrapper{padding:0 var(--hh-spacing-md);margin:0 auto;width:100%;max-width:100%}@media screen and (min-width: 640px){.character__inner-wrapper{max-width:50rem}}@media screen and (min-width: 1024px){.character__inner-wrapper{max-width:76.8rem}}@media screen and (min-width: 1400px){.character__inner-wrapper{max-width:100rem}}.character__header{text-align:center;margin:0 auto}@media screen and (min-width: 640px){.character__header{max-width:640px}}.character__subheading{margin:var(--hh-spacing-xs) 0 0}.character__slider-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.character__slider-pagination{position:absolute;-webkit-appearance:none;appearance:none;border:none;margin:0;padding:0;background:var(--hh-color-day);width:2.4rem;height:2.4rem;border-radius:50%;cursor:pointer;z-index:1}.character__slider-pagination:not(.active){width:5.2rem;border-radius:2.4rem}.character__slider-pagination:focus-visible{outline:.2rem solid var(--hh-color-focus);outline-offset:var(--hh-focus-outline-offset)}.character__slider-pagination[disabled]{opacity:.5;cursor:default}.character__slider-pagination .icon{width:100%;color:var(--hh-color-brand-secondary);display:flex;align-items:center;justify-content:center}.character__slider-pagination .icon.icon-arrow-point{width:3.4rem;margin:0 auto}.character__slider-pagination{top:30%;transform:translateY(-50%)}.character__slider-pagination.character__slider-pagination--prev{left:-1rem}.character__slider-pagination.character__slider-pagination--next{right:-1rem}@media screen and (min-width: 640px){.character__slider-pagination.character__slider-pagination--prev{left:-7rem}.character__slider-pagination.character__slider-pagination--next{right:-7rem}}@media screen and (min-width: 1024px){.character__slider-pagination{top:unset}.character__slider-pagination.character__slider-pagination--prev{left:-9rem}.character__slider-pagination.character__slider-pagination--next{right:-9rem}}.character__slider-pagination.character__slider-pagination--prev .icon{transform:rotate(90deg) translateY(2px)}.character__slider-pagination.character__slider-pagination--next .icon:not(.icon-arrow-point){transform:rotate(-90deg) translateY(2px)}.character__slider-pagination.character__slider-pagination--prev,.character__slider-pagination.character__slider-pagination--next .icon-caret,.character__slider-pagination.active.character__slider-pagination--next .icon-arrow-point{display:none}.character__slider-pagination.active.character__slider-pagination--prev,.character__slider-pagination.active.character__slider-pagination--next .icon-caret{display:flex}.character__slider{display:flex;flex-wrap:nowrap;gap:1rem;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}@media screen and (min-width: 1024px){.character__slider{gap:5rem}}.character__slider::-webkit-scrollbar{display:none}.character-slide__wrapper{scroll-snap-align:center;flex:0 0 100%}@media screen and (min-width: 1024px){.character-slide__wrapper{display:grid;grid-template-areas:"image content";grid-template-columns:repeat(2,1fr)}.character-slide__wrapper.character-slide__wrapper--image-right{grid-template-areas:"content image"}.character-slide__image-wrapper{grid-area:image}.character-slide__content-wrapper{grid-area:content}}@media screen and (min-width: 1024px){.character-slide__content-wrapper{margin-top:var(--hh-spacing-3xl);margin-left:var(--hh-spacing-3xl);margin-right:0}.character-slide__wrapper--image-right .character-slide__content-wrapper{margin-left:0;margin-right:var(--hh-spacing-3xl)}}@media screen and (min-width: 1024px){.character-slide__content-wrapper{margin-left:12.1rem;margin-right:0}.character-slide__wrapper--image-right .character-slide__content-wrapper{margin-left:0;margin-right:12.1rem}}.character-slide__content-title{margin:0 0 var(--hh-spacing-md)}@media screen and (min-width: 1024px){.character-slide__content-title{margin:0 0 var(--hh-spacing-2xl)}}.character-slide__content-text a{font:var(--hh-content-font);color:var(--hh-color-brand-secondary);text-decoration:underline}.character-slide__content-wrapper hh-accordion{--hh-border-bottom: 1px solid var(--hh-color-day)}.character-slide__content-wrapper hh-accordion:last-of-type{--hh-border-bottom: none}.character__wave{position:absolute;bottom:0;left:0;width:100%;height:64%;pointer-events:none;z-index:-1;clip-path:var(--svgClipMD);-webkit-clip-path:var(--svgClipMD)}@media screen and (min-width: 1024px){.character__wave{height:38%;clip-path:var(--svgClipLG);-webkit-clip-path:var(--svgClipLG)}.character__wave.character__wave--right{clip-path:var(--svgClipRightLG);-webkit-clip-path:var(--svgClipRightLG)}}@media screen and (min-width: 1400px){.character__wave{height:46%;clip-path:var(--svgClipXL);-webkit-clip-path:var(--svgClipXL)}.character__wave.character__wave--right{clip-path:var(--svgClipRightLG);-webkit-clip-path:var(--svgClipRightLG)}}.character__pagination{display:none;justify-content:center;align-items:center;gap:var(--hh-spacing-2xl);width:100%;left:50%;transform:translate(-50%)}.character__pagination-inner{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--hh-spacing-2xl);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:calc(100% - var(--hh-spacing-md) * 2)}.character__pagination-inner::-webkit-scrollbar{display:none}.character__pagination--three-or-less .character__pagination-inner{justify-content:center}@media screen and (min-width: 1024px){.character__pagination--seven-or-more .character__pagination-inner{justify-content:flex-start}}@media screen and (min-width: 640px) and (max-width: 1023px){.character__pagination{max-width:50rem}}@media screen and (min-width: 1024px){.character__pagination{display:flex;left:0!important;transform:none!important}.character__pagination-inner{display:flex;gap:var(--hh-spacing-3xl)}}.character-pagination__button{-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;padding:0;margin:0;max-width:7rem;opacity:.5;flex-shrink:0}.character-pagination__button:focus-visble{outline:.2rem solid var(--hh-color-focus);outline-offset:var(--hh-focus-outline-offset)}.character-pagination__button.active{opacity:1;cursor:default}@media screen and (min-width: 1400px){.character-pagination__button{max-width:9.4rem}}.character-pagination__image{width:100%;height:100%;object-fit:contain;display:block}.character__pagination--dots .character__pagination-inner{gap:0;justify-content:center}.character__pagination--dots .character-pagination__button{padding:var(--hh-spacing-xs) var(--hh-spacing-xxs)}.character-pagination__button .character-pagination__dot{display:block;width:.5rem;height:.5rem;border-radius:5rem;opacity:.5;background-color:var(--hh-color-brand-secondary)}.character-pagination__button.active .character-pagination__dot{opacity:1;width:6.2rem;cursor:default}.character-slide__mobile-pagination-placeholder{display:block;margin-top:7rem;height:0}.character-slide__mobile-pagination-placeholder.dots{margin-top:3.2rem}@media screen and (min-width: 1024px){.character-slide__mobile-pagination-placeholder{display:none}}.character__pagination-button{display:none;-webkit-appearance:none;appearance:none;border:none;background:var(--hh-color-day);width:2.8rem;height:2.8rem;border-radius:50%;justify-content:center;align-items:center;padding:0;flex-shrink:0}@media screen and (min-width: 1024px){.character__pagination--seven-or-more .character__pagination-button{display:flex}}.character__pagination-button .icon{width:100%;height:100%;color:var(--hh-color-brand-secondary);cursor:pointer}.character__pagination-button[disabled]{opacity:.5;cursor:default}.character__pagination-button:focus-visible{outline:.2rem solid var(--hh-color-focus);outline-offset:var(--hh-focus-outline-offset)}.character__pagination-prev .icon{transform:rotate(90deg) translateY(2px)}.character__pagination-next .icon{transform:rotate(-90deg) translateY(2px)}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-character.css.map */