.v-spinner .v-ring2{-webkit-animation:v-ringRightRotate 2s 0s infinite linear;animation:v-ringRightRotate 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;perspective:800px;position:absolute;top:0;left:0}.v-spinner .v-ring3{-webkit-animation:v-ringLeftRotate 2s 0s infinite linear;animation:v-ringLeftRotate 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;perspective:800px;position:absolute;top:0;left:0}@-webkit-keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0) rotateY(0) rotate(0)}to{-webkit-transform:rotateX(180deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(180deg) rotateY(360deg) rotate(360deg)}}@keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0) rotateY(0) rotate(0)}to{-webkit-transform:rotateX(180deg) rotateY(360deg) rotateZ(360deg);transform:rotateX(180deg) rotateY(360deg) rotate(360deg)}}@-webkit-keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0) rotateY(0) rotate(0)}to{-webkit-transform:rotateX(360deg) rotateY(180deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(180deg) rotate(360deg)}}@keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0) rotateY(0) rotate(0)}to{-webkit-transform:rotateX(360deg) rotateY(180deg) rotateZ(360deg);transform:rotateX(360deg) rotateY(180deg) rotate(360deg)}}:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}.loader[data-v-ad9f3b48]{position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center}.toggle-container[data-v-2c8d3b8b]{display:flex;position:relative;align-items:center;margin-left:auto;width:50px;height:24px;border-radius:1rem;background-color:var(--color-background-soft);border:1px solid var(--text-dark-2);cursor:pointer}.toggle-container[data-v-2c8d3b8b]:hover{border:1px solid var(--main-green)}.toggle-container .slider[data-v-2c8d3b8b]{position:absolute;top:1px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.toggle-container .slider.dark[data-v-2c8d3b8b]{left:25px;background-color:var(--black)}.toggle-container .slider.light[data-v-2c8d3b8b]{left:2px;background-color:var(--white)}:root{--white: #ffffff;--white-soft: #f8f8f8;--white-mute: #f2f2f2;--black: #181818;--black-soft: #222222;--black-mute: #282828;--grey-light: #e5e5e5;--grey-hovered: #cbc6c6;--main-green: #42b883;--main-green-hovered: #27c47d;--indigo: #213547;--divider-light-1: rgba(60, 60, 60, .29);--divider-light-2: rgba(60, 60, 60, .12);--divider-dark-1: rgba(84, 84, 84, .65);--divider-dark-2: rgba(84, 84, 84, .48);--text-light-1: var(--indigo);--text-light-2: #476582;--text-dark-1: var(--white);--text-dark-2: #aac8e4}:root{--color-background: var(--white);--color-background-soft: var(--grey-light);--color-background-mute: var(--white-mute);--color-border: var(--divider-light-2);--color-border-hover: var(--divider-light-1);--color-heading: var(--text-light-1);--color-text: var(--text-light-1);--primary-btn-text: var(--text-dark-1);--secondary-btn-hovered-bg: var(--grey-hovered);--section-gap: 160px}.dark-mode{--color-background: var(--black);--color-background-soft: var(--black-soft);--color-background-mute: var(--black-mute);--color-border: var(--divider-dark-2);--color-border-hover: var(--divider-dark-1);--color-heading: var(--text-dark-1);--color-text: var(--text-dark-2);--primary-btn-text: var(--indigo);--secondary-btn-hovered-bg: var(--black-mute)}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}.btn-body{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.btn-body span{font-weight:bolder}button[data-v-3ed60d9a]{padding:.5rem 1rem;border-radius:.25rem;border:none;outline:none;cursor:pointer;transition:all .3s ease-in-out;text-transform:capitalize;font-weight:700;font-size:1rem}button.primary[data-v-3ed60d9a]{background-color:var(--main-green);color:var(--primary-btn-text)}button.primary[data-v-3ed60d9a]:hover{background-color:var(--main-green-hovered)}button.secondary[data-v-3ed60d9a]{background-color:var(--color-background-soft);color:var(--color-text);border:none}button.secondary[data-v-3ed60d9a]:hover{background-color:var(--secondary-btn-hovered-bg)}.search-bar[data-v-4a16ccde]{display:flex;justify-content:center;align-items:center;margin:2rem auto;height:40px;width:90%}.search-bar .search-button-div:hover i[data-v-4a16ccde]{transform:rotate(90deg);transition:transform .3s ease-in-out}.search-bar input[data-v-4a16ccde]{width:50%;height:100%;padding:.5rem 1rem;border-radius:.25rem;margin-right:1rem;background-color:var(--color-background-soft);border:none;color:var(--color-text);caret-color:var(--main-green);font-size:1rem}.search-bar input[data-v-4a16ccde]:focus{border:2px solid var(--main-green);outline:none}.search-bar input[data-v-4a16ccde]::placeholder{color:var(--color-text)}@media (max-width: 500px){.search-bar[data-v-4a16ccde]{height:auto;flex-direction:column}.search-bar input[data-v-4a16ccde]{width:100%;height:50px;margin-bottom:1rem;margin-right:0}.search-bar .btn-body[data-v-4a16ccde]{justify-content:center}.search-bar .btn-body span[data-v-4a16ccde]{margin-right:.5rem}}.movie-result[data-v-6d5f3083]{display:flex;width:300px;margin:1rem auto;padding:1rem;background:var(--color-background-soft);color:var(--color-text);border-radius:.5rem}.movie-result__poster[data-v-6d5f3083]{width:30%}.movie-result__poster img[data-v-6d5f3083]{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.movie-result__info[data-v-6d5f3083]{width:70%;padding:0 1rem;display:flex;flex-direction:column;justify-content:center}.movie-result__info h3[data-v-6d5f3083]{margin:0}.movie-result__info p[data-v-6d5f3083]{margin:0 0 auto}@media (max-width: 500px){.movie-result[data-v-6d5f3083]{width:90%;flex-direction:column}.movie-result__poster[data-v-6d5f3083],.movie-result__info[data-v-6d5f3083]{width:100%}.movie-result__poster p[data-v-6d5f3083],.movie-result__info p[data-v-6d5f3083]{margin-bottom:2rem}.movie-result__poster h3[data-v-6d5f3083],.movie-result__poster p[data-v-6d5f3083],.movie-result__info h3[data-v-6d5f3083],.movie-result__info p[data-v-6d5f3083]{text-align:center}}.paginate[data-v-37d31e7d]{display:flex;justify-content:center;align-items:center;margin:1rem auto;width:80%}.paginate>*[data-v-37d31e7d]{margin:0 .5rem;cursor:pointer}.paginate i[data-v-37d31e7d]{transition:all .3s ease-in-out}.paginate i[data-v-37d31e7d]:hover{scale:1.2}@media (max-width: 768px){.paginate[data-v-37d31e7d]{width:100%}}.movies-container[data-v-d6ffe107]{display:flex;flex-direction:column;align-items:center;width:90%;margin:2rem auto}.movies-container__results[data-v-d6ffe107]{display:flex;flex-wrap:wrap;justify-content:center}.movies-container h2[data-v-d6ffe107]{margin-bottom:1rem}.home-container[data-v-8594e1f7]{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;background-image:url(/vue-movie-app/assets/movie-night.ed0abdfa.svg);background-position:50% 80%;background-size:40%;background-repeat:no-repeat;background-attachment:fixed}.home-container .headline[data-v-8594e1f7],.home-container .headline span[data-v-8594e1f7]{margin-top:2rem;font-size:76px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;max-width:960px;text-align:center;color:#213547}.home-container .headline span[data-v-8594e1f7]{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-container .tagline[data-v-8594e1f7]{font-size:18px;line-height:1.25;font-weight:400;letter-spacing:-.5px;max-width:960px;text-align:center;margin-bottom:2rem}.select-container[data-v-8594e1f7]{width:200px;margin:0 10px;border-radius:.25rem;background-color:var(--color-background-soft);--vs-controls-color: var(--color-text);--vs-selected-color: var(--color-text);--vs-dropdown-option-color: var(--color-text);--vs-dropdown-bg: var(--color-background-soft);--vs-dropdown-option--active-bg: var(--main-green);--vs-border-color: none}@media (max-width: 768px){.home-container[data-v-8594e1f7]{background-size:70%}.home-container .headline[data-v-8594e1f7],.home-container .headline span[data-v-8594e1f7]{font-size:56px}.home-container .tagline[data-v-8594e1f7]{font-size:16px}}@media (max-width: 500px){.select-container[data-v-8594e1f7]{width:90%;height:50px;padding:8px}.home-container .headline[data-v-8594e1f7],.home-container .headline span[data-v-8594e1f7]{font-size:36px}.home-container .tagline[data-v-8594e1f7]{font-size:14px}}