:root{--cmps-mol-action-bar-minw:18rem;--cmps-mol-action-bar-minh:var(--cr-spc-48);--cmps-mol-action-bar-py:var(--cr-spc-4);--cmps-mol-action-bar-br:var(--cr-rds-24);--cmps-mol-action-bar-px:var(--cr-spc-16);--cmps-mol-action-bar-st-bgc:var(--clrs-bs-clrs-white);--cmps-mol-action-bar-comp-st-def-txtc:var(--clrs-bnd-clrs-bnd1-500);--cmps-mol-action-bar-comp-st-def-bgc:d1d5db00;--cmps-mol-action-bar-comp-st-def-brdc:d1d5db00;--cmps-mol-action-bar-comp-st-hov-bgc:var(--clrs-bnd-clrs-bnd1-50);--cmps-mol-action-bar-comp-st-hov-brdc:var(--clrs-bnd-clrs-bnd1-50);--cmps-mol-action-bar-comp-st-act-bgc:var(--clrs-bnd-clrs-bnd1-100);--cmps-mol-action-bar-comp-st-act-brdc:var(--clrs-bnd-clrs-bnd1-100);--cmps-mol-action-bar-comp-st-chk-bgc:var(--clrs-bnd-clrs-bnd1-500);--cmps-mol-action-bar-comp-st-chk-txtc:var(--clrs-bs-clrs-white);--cmps-mol-action-bar-comp-st-chk-brdc:var(--clrs-bnd-clrs-bnd1-500)}.action-bar{--action-bar-bg:var(--cmps-mol-action-bar-st-bgc);--action-bar-radius:var(--cmps-mol-action-bar-br);width:-webkit-max-content;width:-moz-max-content;width:max-content}.action-bar .action-bar__wrapper{padding:.25rem .5rem}@media (min-width:740px){.action-bar .action-bar__item:first-child{-webkit-margin-start:0;margin-inline-start:0}}.action-bar .share-notification{--tw-translate-x:-32%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.action-bar .share-notification:before{content:var(--tw-content);left:44%}[dir=rtl] .action-bar .share-notification{--tw-translate-x:32%}.action-bar .popup-favorites-unauthorized,[dir=rtl] .action-bar .share-notification{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.action-bar .popup-favorites-unauthorized{--tw-translate-x:-40%}.action-bar .popup-favorites-unauthorized:before{left:44%}[dir=rtl] .action-bar .popup-favorites-unauthorized{--tw-translate-x:40%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.action-bar__wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--action-bar-bg);border-radius:var(--action-bar-radius);justify-content:center;padding-top:.25rem}@media (min-width:740px){.action-bar__wrapper{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;gap:.5rem;justify-content:space-around;padding-top:0}}.action-bar__item{position:relative;text-align:center}@media (min-width:740px){.action-bar__item{width:auto}}.action-bar__item .listen-tooltip{display:none;inset-inline-start:50%;position:absolute;top:calc(100% + 1rem);--tw-translate-x:-50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media not all and (min-width:1201px){.action-bar__item .listen-tooltip.show-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:1201px){.action-bar__item #listen-article:hover+.listen-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}}.action-bar__item .flag-favorite{position:static}.action-bar__item .no-listen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:1.5rem;justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:740px){.action-bar__item .no-listen{padding-bottom:.25rem;padding-top:.25rem}}.action-bar__item .no-listen ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.action-bar__item .no-listen ul li a{display:block}.action-bar__item.compare{--compare-label-color:var(--cmps-mol-action-bar-comp-st-def-txtc);--compare-label-bg:var(--cmps-mol-action-bar-comp-st-def-bgc);--compare-label-border-color:var(--cmps-mol-action-bar-comp-st-def-brdc);height:36px}.action-bar__item.compare label{background-color:var(--compare-label-bg);border-color:var(--compare-label-border-color);border-radius:999px;border-style:solid;border-width:2px;color:var(--compare-label-color);height:36px;overflow:hidden;padding-left:32px;width:36px}.action-bar__item.compare label:before{background-color:transparent!important;border-width:0!important;font-family:consumer-icons;font-size:1rem!important;height:32px;width:32px;--tw-content:"\e89d"!important;content:var(--tw-content)!important}.action-bar__item.compare label:hover{--compare-label-bg:var(--cmps-mol-action-bar-comp-st-hov-bgc);--compare-label-border-color:var(--cmps-mol-action-bar-comp-st-hov-brdc)}.action-bar__item.compare label:active{--compare-label-bg:var(--cmps-mol-action-bar-comp-st-act-bgc);--compare-label-border-color:var(--cmps-mol-action-bar-comp-st-act-brdc)}.action-bar__item.compare label:focus,.action-bar__item.compare label:focus-visible{outline-color:var(--color-blue-500);outline-offset:1px;outline-style:solid;outline-width:1px}.action-bar__item.compare input:focus{outline:2px solid transparent;outline-offset:2px}.action-bar__item.compare input:focus~label{border-color:var(--color-brand1-100);outline-color:var(--color-blue-500);outline-offset:1px;outline-style:solid;outline-width:1px}.action-bar__item.compare input:checked~label{--compare-label-bg:var(--cmps-mol-action-bar-comp-st-chk-bgc);--compare-label-color:var(--cmps-mol-action-bar-comp-st-chk-txtc)}.action-bar__item.compare input:checked~label:hover{--compare-label-border-color:var(--cmps-mol-action-bar-comp-st-chk-brdc)}.action-bar .popup-favorites-unauthorized{min-width:230px;padding:.5rem}.action-bar .popup-favorites-unauthorized:before{left:46%}.action-bar .popup-favorites-unauthorized a{text-decoration-line:underline}.action-bar .popup-favorites-unauthorized{border-color:var(--color-brand1-100);border-radius:1rem;border-style:solid;border-width:2px;max-width:216px;position:absolute;top:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.action-bar .popup-favorites-unauthorized:before{border:.5rem solid transparent;border-bottom:.5rem solid var(--color-brand1-100);position:absolute;top:-1rem;--tw-content:"";content:var(--tw-content)}.action-bar .popup-favorites-unauthorized ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.action-bar .popup-favorites-unauthorized ul li a{display:block;height:1.5rem;width:1.5rem}.action-bar .player{bottom:0;height:auto;left:0;padding:1.5rem;position:fixed;width:100%;z-index:10}.action-bar__overlay{background-color:rgba(55,65,81,.5);height:0;inset:0;overflow:hidden;position:fixed;z-index:-1;--tw-backdrop-blur:blur(5px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.action-bar__container{inset-inline-end:0;position:absolute;top:0}.action-bar__container .action-bar{--tw-scale-x:.75;--tw-scale-y:.75;opacity:0;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.action-bar__container .action-bar__button-close,.action-bar__container .action-bar__button-open{cursor:pointer;inset-inline-end:1rem;position:absolute;top:1rem;z-index:10}.action-bar__container .action-bar__button-open{--tw-rotate:90deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.action-bar__container .action-bar__button-close{display:none}.action-bar__container.open{display:-webkit-box;display:-ms-flexbox;display:flex;inset:1rem;position:fixed;z-index:10;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:740px){.action-bar__container.open{border-radius:0;inset:0;padding:1rem;position:absolute}}.action-bar__container.open .action-bar{--tw-scale-x:1;--tw-scale-y:1;opacity:1;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.action-bar__container.open .action-bar__button-open{display:none}.action-bar__container.open .action-bar__button-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.action-bar__container.open .action-bar,.action-bar__container.open .action-bar__wrapper{height:100%}@media (min-width:740px){.action-bar__container.open .action-bar,.action-bar__container.open .action-bar__wrapper{height:auto}}.action-bar__container.open .action-bar__wrapper{padding:1rem}@media (min-width:740px){.action-bar__container.open .action-bar__wrapper{padding:0}}.action-bar__container.open .action-bar__item:first-child{margin-top:2rem}.action-bar__container.open .action-bar__overlay{height:auto}@media (min-width:740px){.action-bar__container.open .action-bar__overlay{display:none}}.action-bar.extended{width:100%}.action-bar.extended .action-bar__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.action-bar.extended .action-bar__item{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom-width:1px;border-color:var(--color-brand5-500);justify-content:space-between;padding:.75rem}body:has(.action-bar__container.open){overflow-y:hidden}@media (min-width:740px){body:has(.action-bar__container.open){overflow-y:auto}}.py-storybook .action-bar__social-block ul li a{display:-webkit-box;display:-ms-flexbox;display:flex}