.button_arrow_wrap[aria-disabled=true],.button_close_wrap[aria-disabled=true],.button_play_wrap[aria-disabled=true]{opacity:.35;pointer-events:none}.button_arrow_wrap[data-active]>.button_arrow_contain[data-trigger],.button_close_wrap[data-active]>.button_close_element[data-trigger],.button_play_wrap[data-active]>.button_play_contain[data-trigger]{--_trigger---on:0;--_trigger---off:1}.button_arrow_icon .u-svg:last-child:not(:only-child),.button_close_icon .u-svg:last-child:not(:only-child),.button_play_icon>*>.u-svg:last-child:not(:only-child){-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.button_arrow_wrap[data-animation-type~=color]>.button_arrow_contain,.button_close_wrap[data-animation-type~=color]>.button_close_element,.button_play_wrap[data-animation-type~=color]>.button_play_contain{color:color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off)))}.button_arrow_wrap[data-animation-type~=border]>.button_arrow_contain,.button_close_wrap[data-animation-type~=border]>.button_close_element,.button_play_wrap[data-animation-type~=border]>.button_play_contain{box-shadow:inset 0px 0px 0px var(--border-width--main) color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off)))}.button_arrow_wrap[data-animation-type~=bgbasic]>.button_arrow_contain,.button_close_wrap[data-animation-type~=bgbasic]>.button_close_element,.button_play_wrap[data-animation-type~=bgbasic]>.button_play_contain{background:color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off)));color:color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off)));box-shadow:inset 0px 0px 0px var(--border-width--main) color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off)))}.button_arrow_wrap[data-animation-type~=bgfill]>.button_arrow_contain{color:color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off)));box-shadow:inset 0px 0px 0px var(--border-width--main) color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off)))}.button_arrow_wrap[data-animation-type~=bgfill]>.button_arrow_contain:before{content:"";width:calc(300% * var(--_trigger---off));height:calc(300% * var(--_trigger---off));background:var(--_button-style---background-hover);transition:width calc(var(--_button-style---transition-all,300) * 1ms) ease, height calc(var(--_button-style---transition-all,300) * 1ms) ease;z-index:var(--z-base);border-radius:50%;position:absolute;bottom:0;left:0;transform:translate(-50%,50%)}.button_close_wrap[data-animation-type~=bgfill]>.button_close_element{color:color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off)));box-shadow:inset 0px 0px 0px var(--border-width--main) color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off)))}.button_close_wrap[data-animation-type~=bgfill]>.button_close_element:before{content:"";width:calc(300% * var(--_trigger---off));height:calc(300% * var(--_trigger---off));background:var(--_button-style---background-hover);transition:width calc(var(--_button-style---transition-all,300) * 1ms) ease, height calc(var(--_button-style---transition-all,300) * 1ms) ease;z-index:var(--z-base);border-radius:50%;position:absolute;bottom:0;left:0;transform:translate(-50%,50%)}.button_play_wrap[data-animation-type~=bgfill]>.button_play_contain{color:color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off)));box-shadow:inset 0px 0px 0px var(--border-width--main) color-mix(in srgb, var(--_button-style---border) calc(100% * var(--_trigger---on)), var(--_button-style---border-hover) calc(100% * var(--_trigger---off)))}.button_play_wrap[data-animation-type~=bgfill]>.button_play_contain:before{content:"";width:calc(300% * var(--_trigger---off));height:calc(300% * var(--_trigger---off));background:var(--_button-style---background-hover);transition:width calc(var(--_button-style---transition-all,300) * 1ms) ease, height calc(var(--_button-style---transition-all,300) * 1ms) ease;z-index:var(--z-base);border-radius:50%;position:absolute;bottom:0;left:0;transform:translate(-50%,50%)}.button_arrow_wrap[data-animation-type~=slide] .button_arrow_icon .u-svg:first-child:not(:only-child){transform:translateX(calc(101% * var(--_trigger---off)));transition-delay:calc(.1s * var(--_trigger---on))}.button_arrow_wrap[data-animation-type~=slide] .button_arrow_icon .u-svg:last-child:not(:only-child){transform:translateX(calc(-101% + (101% * var(--_trigger---off))));transition-delay:calc(.1s * var(--_trigger---off))}.button_close_wrap[data-animation-type~=slide] .button_close_icon .u-svg:first-child:not(:only-child){transform:translateX(calc(101% * var(--_trigger---off)));transition-delay:calc(.1s * var(--_trigger---on))}.button_close_wrap[data-animation-type~=slide] .button_close_icon .u-svg:last-child:not(:only-child){transform:translateX(calc(-101% + (101% * var(--_trigger---off))));transition-delay:calc(.1s * var(--_trigger---off))}.button_play_wrap[data-animation-type~=slide] .button_play_icon>*>.u-svg:first-child:not(:only-child){transform:translateX(calc(101% * var(--_trigger---off)));transition-delay:calc(.1s * var(--_trigger---on))}.button_play_wrap[data-animation-type~=slide] .button_play_icon>*>.u-svg:last-child:not(:only-child){transform:translateX(calc(-101% + (101% * var(--_trigger---off))));transition-delay:calc(.1s * var(--_trigger---off))}.button_close_element{z-index:var(--z-content);aspect-ratio:1;background-color:var(--_button-style---background);vertical-align:middle;--_button-style---background:var(--_theme---button-primary--background);--_button-style---scale:1;--_button-style---border:var(--_theme---button-primary--border);--_button-style---border-hover:var(--_theme---button-primary--border-hover);--_button-style---text:var(--_theme---button-primary--text);--_button-style---text-hover:var(--_theme---button-primary--text-hover);--_button-style---background-hover:var(--_theme---button-primary--background-hover);--_button-style---transition-all:300;--_button-style---transition-color:150;color:var(--_button-style---text);border-radius:inherit;box-shadow:inset 0px 0px 0px var(--border-width--main) var(--_button-style---border);justify-content:center;align-items:center;width:1.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:ease;display:flex;position:relative;overflow:clip}.button_close_icon{aspect-ratio:1;flex-flow:column;justify-content:center;align-items:center;width:40%;height:40%;display:flex;position:relative;overflow:clip}.button_close_wrap{border-radius:var(--radius--round);flex-flow:column;justify-content:center;align-items:center;display:flex;position:relative}.button_arrow_icon{flex-flow:column;justify-content:center;align-items:center;width:55%;display:flex;position:relative;overflow:clip}.button_arrow_contain{z-index:var(--z-content);aspect-ratio:1;background-color:var(--_button-style---background);text-align:center;vertical-align:middle;--_button-style---background:var(--_theme---button-primary--background);--_button-style---scale:1;--_button-style---border:var(--_theme---button-primary--border);--_button-style---border-hover:var(--_theme---button-primary--border-hover);--_button-style---text:var(--_theme---button-primary--text);--_button-style---text-hover:var(--_theme---button-primary--text-hover);--_button-style---background-hover:var(--_theme---button-primary--background-hover);--_button-style---transition-all:300;--_button-style---transition-color:150;border-radius:inherit;box-shadow:inset 0px 0px 0px var(--border-width--main) var(--_button-style---border);color:var(--_button-style---text);justify-content:center;align-items:center;width:1.75rem;display:flex;position:relative;overflow:clip}.button_arrow_wrap{z-index:var(--z-content);border-radius:var(--radius--round);flex-flow:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:clip}.button_play_icon{flex-flow:column;justify-content:center;align-items:center;width:36%;display:flex;position:relative}.button_play_contain{z-index:var(--z-content);aspect-ratio:1;background-color:var(--_button-style---background);text-align:center;vertical-align:middle;--_button-style---background:var(--_theme---button-primary--background);--_button-style---scale:1;--_button-style---border:var(--_theme---button-primary--border);--_button-style---border-hover:var(--_theme---button-primary--border-hover);--_button-style---text:var(--_theme---button-primary--text);--_button-style---text-hover:var(--_theme---button-primary--text-hover);--_button-style---background-hover:var(--_theme---button-primary--background-hover);--_button-style---transition-all:300;--_button-style---transition-color:150;border-radius:inherit;box-shadow:inset 0px 0px 0px var(--border-width--main) var(--_button-style---border);color:var(--_button-style---text);justify-content:center;align-items:center;width:2.5rem;display:flex;position:relative;overflow:clip}.button_play_wrap{z-index:var(--z-content);border-radius:var(--radius--round);flex-flow:column;justify-content:center;align-items:center;display:flex;position:relative}.button_play_svg{opacity:var(--_state---true);flex-flow:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:relative;overflow:clip}.button_pause_svg{opacity:var(--_state---false);flex-flow:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0%;overflow:clip}