@keyframes filmFinderMarqueeIn{0%{transform:translate(-50%);opacity:0}to{transform:translate(calc(50vw - 50%));opacity:1}}@keyframes filmFinderFadeIn{0%{opacity:0}to{opacity:1}}.film-finder{position:relative;min-height:50vw;color:#fff;line-height:1.4;@media screen and (max-width: 900px){aspect-ratio:unset;min-height:max(160vw,660px);user-select:none}@media screen and (orientation: portrait){min-height:calc(100dvh - var(--spacing-headerHeight))}@media screen and (orientation: landscape) and (max-width: 900px){min-height:calc(100dvh - var(--spacing-headerHeight));.-screen{position:relative!important;min-height:calc(100dvh - var(--spacing-headerHeight))}}*{box-sizing:border-box}.-fade-in{animation:filmFinderFadeIn .5s both}.-screen{position:relative}@media (min-width: 900px){.-screen{min-height:calc(100dvh - var(--spacing-headerHeight))}}.-screen{z-index:1;transition:opacity .2s;&.--showing-overlay{opacity:.3}@media screen and (max-width: 900px){padding-block:55px}}.-centered{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;@media screen and (max-width: 900px){padding:0 20px}}.-heading{font-family:Agrandir-Wide,Helvetica,sans-serif;font-size:28px;line-height:28px;letter-spacing:-.03em;font-weight:400;text-transform:uppercase}@media (min-width: 600px){.-heading{font-size:28px;line-height:28px}}@media (min-width: 900px){.-heading{font-size:calc(28px + (100vw - 900px)/25);line-height:calc(28px + (100vw - 900px)/25)}}@media (min-width: 1200px){.-heading{font-size:40px;line-height:40px;letter-spacing:-.03em;font-weight:400;text-transform:uppercase}}@media (min-width: 1600px){.-heading{font-size:calc(40px + (100vw - 1600px)*.015);line-height:calc(40px + (100vw - 1600px)*.015)}}@media (min-width: 2000px){.-heading{font-size:46px;line-height:46px}}.-heading{max-width:15em}.-heading{text-wrap:pretty}.-heading{--tw-text-opacity: 1;color:rgb(var(--color-orange) / var(--tw-text-opacity, 1))}.-heading{font-size:3.5vw;@media screen and (max-width: 900px){font-size:6vw;max-width:70vw;margin-left:auto;margin-right:auto}}.-thumbnail-carousel{position:absolute;inset:0;display:flex;--gap: 30px;gap:var(--gap);opacity:.15;align-items:center;.-thumbnail-page{flex:0 0 auto;display:flex;gap:var(--gap);animation:filmFinderMarqueeIn cubic-bezier(.33,1,.68,1) 3s both;img{flex:0 0 auto;aspect-ratio:16 / 9;width:19vw;height:auto;@media screen and (max-width: 900px){width:30vw}}}}.-bottom-text{font-family:GT-Cinetype,Helvetica,sans-serif;font-size:12px;line-height:14.4px;letter-spacing:normal;font-weight:400;text-transform:none}@media (min-width: 600px){.-bottom-text{font-size:12px;line-height:14.4px}}@media (min-width: 900px){.-bottom-text{font-size:12px;line-height:14.4px}}@media (min-width: 1200px){.-bottom-text{font-size:12px;line-height:14.4px;letter-spacing:normal;font-weight:400;text-transform:none}}@media (min-width: 1600px){.-bottom-text{font-size:calc(12px + (100vw - 1600px) / 400 * 1.8);line-height:calc(14.4px + (100vw - 1600px)*.0054)}}@media (min-width: 2000px){.-bottom-text{font-size:13.8px;line-height:16.56px}}.-bottom-text{opacity:.7;position:absolute;left:0;right:0;bottom:30px;text-align:center;a{color:inherit;text-decoration:underline}@media screen and (max-width: 900px){bottom:auto;top:20px}}.-choice-button{will-change:transform;background:#fff;border-radius:1000px;width:40px;height:40px;position:absolute;cursor:pointer;z-index:1;bottom:var(--offset);appearance:none;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid black;&:before{position:absolute;inset:-20px;border-radius:1000px;content:"";display:block}svg{display:block}&.--like{right:var(--offset);svg{transform:translateY(-2px)}}&.--dislike{left:var(--offset);svg{transform:rotate(180deg) translateY(0)}}}.-matcher-matches{position:absolute;top:0;bottom:0;width:20vw;right:0;display:flex;align-items:center;justify-content:center;z-index:5;@media screen and (max-width: 900px){position:static;width:auto;padding-bottom:60px;margin-top:0;top:0;.-match-pile{width:30vw!important}}.-match-pile{position:relative}.-match-pile{z-index:1}.-match-pile{display:block}.-match-pile{aspect-ratio:16 / 9}.-match-pile{width:60%}.-match-pile{cursor:pointer}.-match-pile{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.-match-pile{.-arrow{display:inline-block;transition:transform .2s}&:hover{color:rgb(var(--color-orange));.-arrow{transform:translate(4px)}}.-match-item{position:absolute}.-match-item{inset:var(--spacing-0)}.-match-item{--tw-shadow: 3px 3px 16px rgba(0,0,0,.5);--tw-shadow-colored: 3px 3px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.-match-item{img{width:100%}img{object-fit:cover}}.-total-matches-label{position:absolute}.-total-matches-label{left:calc(var(--spacing-5) * -1);right:calc(var(--spacing-5) * -1)}.-total-matches-label{top:100%}.-total-matches-label{padding-top:var(--spacing-2)}.-total-matches-label{text-align:center}}}.-screen.--home{@media screen and (max-width: 900px){height:calc(100vh - var(--spacing-headerHeight));align-items:center;justify-items:center}.-intro-text{margin-top:20px;margin-bottom:20px;max-width:40em;text-wrap:balance}.-label{font-size:.8em;opacity:.7;margin-top:16px;margin-bottom:6px}.-get-started-button{padding-left:25px;padding-right:25px;@media screen and (max-width: 900px){padding-bottom:20px}}.-stream-list{display:flex;gap:8px;a{display:block;text-transform:uppercase;text-decoration:none;color:#fff;font-size:.9em;border:1px solid white;padding:4px 8px;&:hover{color:var(--color, rgb(var(--color-orange)));border-color:var(--color, rgb(var(--color-orange)))}}@media screen and (max-width: 900px){flex-wrap:wrap;gap:8px;width:85%;a{text-align:center;width:calc(50% - 4px)}}}}.-screen.--help{--tw-bg-opacity: 1;background-color:rgb(var(--color-bg) / var(--tw-bg-opacity, 1))}.-screen.--help{.-centered{max-width:60vw;margin:auto}.-heading{margin-bottom:20px}.-buttons{margin-top:20px}}.-screen.--main{display:flex}.-screen.--main{flex-direction:column}.-screen.--main{align-items:center}.-screen.--main{justify-content:center}.-screen.--main{.-screen-help{font-family:GT-Cinetype,Helvetica,sans-serif;font-size:12px;line-height:15.96px;letter-spacing:-.0075em;font-weight:400;text-transform:none}@media (min-width: 600px){.-screen-help{font-size:12px;line-height:15.96px}}@media (min-width: 900px){.-screen-help{font-size:12px;line-height:15.96px}}@media (min-width: 1200px){.-screen-help{font-size:12px;line-height:15.96px;letter-spacing:-.0125em;font-weight:400;text-transform:none}}@media (min-width: 1600px){.-screen-help{font-size:calc(12px + (100vw - 1600px) / 400 * 1.8);line-height:calc(15.96px + (100vw - 1600px) / 400 * 2.394)}}@media (min-width: 2000px){.-screen-help{font-size:13.8px;line-height:18.354px}}.-screen-help{position:absolute}.-screen-help{top:var(--spacing-0)}.-screen-help{bottom:var(--spacing-0)}.-screen-help{left:var(--spacing-4)}.-screen-help{display:flex}.-screen-help{flex-direction:column}.-screen-help{align-items:flex-start}.-screen-help{justify-content:center}.-screen-help{text-align:left}.-screen-help{--tw-text-opacity: 1;color:rgb(var(--color-fg-secondary) / var(--tw-text-opacity, 1))}.-screen-help{a{cursor:pointer}a{text-decoration-line:underline}a{text-underline-offset:2px}a:hover{--tw-text-opacity: 1;color:rgb(var(--color-fg) / var(--tw-text-opacity, 1))}@media screen and (max-width: 900px){inset:20px 20px auto;text-align:center;align-items:center;justify-content:start}}.-matcher-container{will-change:transform;touch-action:pan-y pan-x;user-select:none;position:relative;width:min(100vw - 40vw,100vh);margin:auto;display:flex;flex-direction:column;justify-content:center;transform:translate(calc(var(--dragX) * 40%)) translateY(calc(var(--dragY) * 40%)) rotate(calc(var(--dragRotation) * 10deg));@media screen and (max-width: 900px) and (orientation: landscape){width:80vw}@media screen and (max-width: 900px) and (orientation: portrait){width:90vw}.-film-overlay{position:absolute;inset:-5px;background-color:#000000b3;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:filmFinderFadeIn .3s both ease-in-out;.-film-overlay-buttons{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}}.-player{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden;flex:0 0 auto;touch-action:manipulation;background-color:#000;@media screen and (max-width: 900px){>*{pointer-events:none}}.-trailer{iframe{position:absolute;inset:0 -1000px;width:calc(100% + 2000px);height:100%;@media screen and (max-width: 900px){pointer-events:none}}.-trailer-thumbnail{position:absolute;inset:0;z-index:10;display:block;img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center}.-play-button{background-color:#eee;cursor:pointer;border-radius:1000px;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#111;display:flex;align-items:center;justify-content:center;border:1px solid black;svg{display:block;transform:translate(1px)}}}}.-gallery{position:absolute;inset:0;img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s;opacity:0;&.--active{opacity:1}}.-abstract{position:absolute;left:50%;width:calc(100% - 200px);max-width:460px;transform:translate(-50%);bottom:14px;background-color:#000000e6;font-size:.8em;line-height:1.4;padding:10px 20px;text-align:center;@media screen and (max-width: 900px){bottom:4px;width:auto;left:14px;right:14px;max-width:none;transform:none;max-width:100%;padding:10px}}}.-desktop-choices-buttons{pointer-events:none}.-desktop-choices-buttons{position:absolute}.-desktop-choices-buttons{inset:var(--spacing-0)}.-desktop-choices-buttons{z-index:20}.-desktop-choices-buttons{>*{pointer-events:all}--offset: 25px;@media screen and (max-width: 900px){display:none}}}.-film-info{text-align:center;padding-top:20px;.-film-title{font-family:Agrandir-Wide,Helvetica,sans-serif;font-size:16px;line-height:16px;letter-spacing:-.03em;font-weight:400;text-transform:uppercase}@media (min-width: 600px){.-film-title{font-size:16px;line-height:16px}}@media (min-width: 900px){.-film-title{font-size:calc(16px + (100vw - 900px) / 300 * 4);line-height:calc(16px + (100vw - 900px) / 300 * 4)}}@media (min-width: 1200px){.-film-title{font-size:20px;line-height:20px;letter-spacing:-.03em;font-weight:400;text-transform:uppercase}}@media (min-width: 1600px){.-film-title{font-size:calc(20px + (100vw - 1600px)*.0075);line-height:calc(20px + (100vw - 1600px)*.0075)}}@media (min-width: 2000px){.-film-title{font-size:23px;line-height:23px}}.-film-title{margin-bottom:var(--spacing-4)}.-film-title{text-wrap:balance}.-film-title{--tw-text-opacity: 1;color:rgb(var(--color-orange) / var(--tw-text-opacity, 1))}.-film-title{@media screen and (max-width: 900px){font-size:4vw}}.-mobile-choices-buttons{position:relative;display:none;width:105px;height:40px;margin:15px auto;--offset: 0px;@media screen and (max-width: 900px){display:block}}.-film-meta{display:flex;align-items:center;justify-content:center;gap:1.5em;row-gap:4px;font-size:.9em;flex-wrap:wrap;white-space:nowrap;@media screen and (max-width: 900px){font-size:.7em;gap:1.3em}}}}}.-screen-overlay{position:absolute;inset:0;display:flex;pointer-events:none;align-items:center;justify-content:center;z-index:5;.-screen-overlay-inner{max-width:60vw;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;@media screen and (max-width: 900px){max-width:90vw}.-screen-overlay-title{font-size:2.5vw;font-weight:700;text-transform:uppercase;line-height:1;@media screen and (max-width: 900px){font-size:5vw}}.-screen-overlay-buttons{display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:all;margin-top:20px}}}.-swipe-indicator{position:absolute;inset:0;display:flex;justify-content:flex-start;font-size:12px;text-transform:uppercase;line-height:1.05;font-weight:700;flex-direction:column;pointer-events:none;opacity:0;will-change:opacity;padding-top:40%;.-swipe-indicator-inner{display:flex;flex-direction:column;padding:3vw;align-items:center;justify-content:center;text-align:center;gap:10px}.-swipe-indicator-icon{background-color:#fff;border-radius:100px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;svg{display:block;width:12px;height:12px}}&.--left{align-items:flex-start;background:linear-gradient(to right,rgba(17,17,17,.8) 0%,transparent 30%,transparent 100%);svg{transform:rotate(180deg)}}&.--right{align-items:flex-end;background:linear-gradient(to left,rgba(17,17,17,.8) 0%,transparent 30%,transparent 100%)}}}