.click-to-play__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100svh - var(--header-height) - var(--announcement-bar-height) - var(--floating-cta-height));margin-inline:auto;max-width:150rem;overflow:hidden}.click-to-play__media{grid-column:1;grid-row:1}.click-to-play__media--image{filter:brightness(.8);opacity:1;transform:scale(1.25);z-index:0}.click-to-play__media--image img{height:auto;min-height:100%;object-fit:cover;width:100%}.click-to-play__media--video{opacity:0;z-index:1}.click-to-play__content{display:grid;grid-column:1;grid-row:1;grid-template-rows:minmax(0,1fr);padding-block:var(--spacing-10);place-items:center;z-index:2}.click-to-play__toggle{align-items:center;column-gap:var(--spacing-2);display:flex}.click-to-play__toggle>*{position:relative}.click-to-play__toggle>:is(.text-semibold,.text-bold,.text,.subheading,blockquote strong,small,mark,p,ol,ul,li,b,i,em,del,ins,sub,sup){font-size:var(--font-body-md);margin-bottom:0;right:1.4rem;text-transform:uppercase;transition:right .8s ease}.click-to-play__toggle svg{opacity:0;right:5rem;transition:opacity .8s ease,right .8s ease}.click-to-play__dialog{border:0;height:100svh;margin:0;max-height:100svh;max-width:100svw;overflow:hidden;padding:0;width:100svw}.click-to-play__dialog-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:inherit}.click-to-play__dialog-inner>*{grid-column:1;grid-row:1}.click-to-play__dialog-inner>:is(a.button,.button,.btn,button,input[type=button],input[type=submit],input[type=reset]){border:0;color:#fff;height:fit-content;margin-left:auto;margin-right:var(--spacing-4);margin-top:var(--spacing-4);width:fit-content;z-index:2}.click-to-play__dialog-inner>:is(a.button,.button,.btn,button,input[type=button],input[type=submit],input[type=reset]) svg{height:3rem;width:3rem}@media(min-width:1025px),screen and (min-width:1025px)and (-webkit-min-device-pixel-ratio:1){.click-to-play__inner{max-height:90rem}}@media(min-width:768px),screen and (min-width:768px)and (-webkit-min-device-pixel-ratio:1){.click-to-play__media--video{transition:opacity .8s ease}.click-to-play:hover .click-to-play__media--image{filter:brightness(1);opacity:0;transform:scale(1);transition:opacity .8s ease 1s,transform .8s ease,filter .8s ease}.click-to-play:hover .click-to-play__media--video{opacity:1;transition:opacity .8s ease 1s}.click-to-play:hover .click-to-play__toggle>*{right:0}.click-to-play:hover .click-to-play__toggle svg{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/click-to-play.bundle.css.map */