﻿.toplist-frame{display:flex;flex-flow:column nowrap;width:100%}.toplist-frame .title{margin:50px 0 20px}@media(max-width: 1025px){.toplist-frame .title{padding:0 10px}}.toplist-frame .load-more-casinos{color:#383838;display:block;font-size:1.15rem;font-weight:400;margin:10px auto 0}.toplist-frame .load-more-casinos .after{color:#ff851b;display:inline-block;font-weight:400;transition:transform .25s linear}.toplist-frame .load-more-casinos:hover .after{transform:translateY(3px)}.toplist-frame .empty+.load-more-casinos{display:none}.toplist-frame .quick-filters{display:grid;grid-template-columns:auto 1fr;position:relative}.toplist-frame .quick-filters .menu button{align-items:center;background:none;border:none;color:#5b5b5b;display:flex;font-size:1rem;justify-content:start;padding:8px 20px 8px 8px;text-align:left;text-transform:initial;white-space:nowrap}.toplist-frame .quick-filters .menu button span{color:#ff851b;margin-right:5px}.toplist-frame .quick-filters .menu button.active{color:#ff851b}.toplist-frame .quick-filters .menu button.mobile-only{display:none}@media(max-width: 900px){.toplist-frame .quick-filters .menu button.mobile-only{display:block}}@media(max-width: 900px){.toplist-frame .quick-filters .menu button{display:block;overflow:hidden;text-overflow:ellipsis}}.toplist-frame .quick-filters .menu hr{border-bottom:none;border-top:1px solid #bfbfbf;width:100%}@media(max-width: 900px){.toplist-frame .quick-filters .menu{left:0;right:0}.toplist-frame .quick-filters .menu::before{right:50%;transform:translateX(50%) translateY(-50%) rotate(45deg)}}@media(max-width: 900px){.toplist-frame .quick-filters{grid-template-columns:1fr;position:initial}}@media(max-width: 1170px){.toplist-frame .quick-filters{margin-left:15px}}.toplist-frame .desktop-quick-filters{display:block;flex:0;flex-flow:row nowrap;white-space:nowrap}.toplist-frame .desktop-quick-filters .button{display:inline-flex;margin-right:8px;text-transform:initial}@media(max-width: 1025px){.toplist-frame .desktop-quick-filters .button:first-of-type{margin-left:0}}@media(max-width: 900px){.toplist-frame .desktop-quick-filters{display:none}}.toplist-frame .all-quick-filters{display:inline-flex;position:relative;white-space:nowrap}.toplist-frame .all-quick-filters .open-menu-desktop{height:38px !important;position:relative;width:38px}.toplist-frame .all-quick-filters .open-menu-desktop span{margin:0}@media(max-width: 900px){.toplist-frame .all-quick-filters .open-menu-desktop{display:none}}.toplist-frame .all-quick-filters .open-menu-mobile{display:none;padding:6px 28px;position:relative}.toplist-frame .all-quick-filters .open-menu-mobile .mobile{display:none}.toplist-frame .all-quick-filters .open-menu-mobile::after{color:#fff;content:"";font-family:"icons" !important;position:absolute;right:10px;top:55%;transform:translateY(-50%)}@media(max-width: 900px){.toplist-frame .all-quick-filters .open-menu-mobile{display:flex;line-height:16px !important;max-width:calc(100vw - 75px);overflow:hidden;text-overflow:ellipsis;width:100%}.toplist-frame .all-quick-filters .open-menu-mobile .value{margin-left:5px;overflow:hidden;text-overflow:ellipsis}}@media(max-width: 420px){.toplist-frame .all-quick-filters .open-menu-mobile .mobile{display:inline}.toplist-frame .all-quick-filters .open-menu-mobile .desktop{display:none}}@media(max-width: 420px){.toplist-frame .all-quick-filters{position:initial}}@media(max-width: 900px){.toplist-frame .all-quick-filters button{box-shadow:none}}.toplist-frame .toplist-header{background:#fff;position:sticky;position:-webkit-sticky;top:65px;z-index:4;margin:0 0 10px -15px}.toplist-frame .toplist-header .row-title{align-items:center;display:flex;padding-right:10px}@media(max-width: 1025px){.toplist-frame .toplist-header .row-title{display:none}}.toplist-frame .toplist-header .wrapper{display:grid;grid-gap:10px;grid-template-columns:1fr;grid-template-rows:auto;margin:0 auto 0 15px;max-width:1024px;padding:10px 0;width:100%}@media(max-width: 1170px){.toplist-frame .toplist-header .wrapper{margin:0 auto}}.toplist-frame .toplist-header .sort-title{align-self:flex-end;border-right:1px solid #dcdcdc;flex:0 0 auto;font-size:1.2em;padding:15px 10px 15px 0;position:relative;white-space:nowrap}.toplist-frame .toplist-header .sort-title::before{background:#fff;content:" ";height:10px;position:absolute;right:-1px;top:0;width:1px}.toplist-frame .toplist-header .top{display:grid;grid-gap:10px;grid-template-columns:auto auto 1fr auto}@media(max-width: 1025px){.toplist-frame .toplist-header .top{grid-template-columns:auto 1fr}}@media(max-width: 900px){.toplist-frame .toplist-header .top{grid-template-columns:1fr auto}}@media(max-width: 420px){.toplist-frame .toplist-header .top{position:relative}}.toplist-frame .toplist-header--info{align-items:center;display:grid;grid-auto-flow:row;justify-content:end}.toplist-frame .toplist-header .button{font-size:1rem;height:100%;line-height:24px}.toplist-frame .toplist-header .select-quick-filter{width:100%}@media(max-width: 1170px){.toplist-frame .toplist-header{top:60px}}.toplist-frame .toplist-search{align-items:center;display:flex;justify-content:flex-end;position:relative;z-index:1}.toplist-frame .toplist-search .search-wrapper{align-self:center;background:#fff;border-radius:10px;border-top:1px solid #bfbfbf;display:grid;grid-gap:5px;grid-template-columns:1fr auto;padding:5px 10px 5px 15px;pointer-events:none;position:absolute;right:-10px;top:100%;transform:translateY(10px) scale(0, 0);transform-origin:top right;transition:all .2s ease-in-out;z-index:6}.toplist-frame .toplist-search .search-wrapper input{background:rgba(0,0,0,0);border:none;font-size:1.2rem;line-height:24px;min-width:200px}.toplist-frame .toplist-search .search-wrapper input::placeholder{color:#dcdcdc}.toplist-frame .toplist-search .open-search{color:#bfbfbf;display:flex;font-size:1.2rem;height:38px;justify-content:center;width:38px;z-index:1}.toplist-frame .toplist-search .open-search span{margin:0}@media(max-width: 900px){.toplist-frame .toplist-search .open-search{box-shadow:none}}.toplist-frame .toplist-search .close-search{align-content:center;align-items:center;background:rgba(0,0,0,0);border:none;color:#999;display:flex;font-size:1.1rem;justify-content:center;margin:0;padding:0}.toplist-frame .toplist-search .close-search .mobile-empty{display:none}.toplist-frame .toplist-search .empty-search{align-self:center;color:#999;display:none;font-size:1.1rem;padding:0}.toplist-frame .toplist-search.empty .close-search{display:none}.toplist-frame .toplist-search.empty .empty-search{display:flex}.toplist-frame .toplist-search.open .open-search{background:#ff851b;border-color:#ff851b;color:#fff}.toplist-frame .toplist-search.open .search-wrapper{box-shadow:0 4px 6px 0 rgba(0,0,0,.4);pointer-events:all;transform:translateY(10px) scale(1, 1)}.toplist-frame .toplist-content{padding:5px 0;position:relative}.toplist-frame .toplist-content::after{background:#4d4d4d;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .1s ease-out;z-index:-1}@media(max-width: 1025px){.toplist-frame .toplist-content{margin:0 auto;width:100%}}.toplist-frame .cards{counter-reset:cards;display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fill, minmax(242px, 1fr));justify-content:space-evenly;margin:0 auto;max-width:1024px;width:100%}.toplist-frame .cards .wrapper{display:grid;grid-template-rows:1fr auto}.toplist-frame .cards .terms{font-size:.65rem;font-weight:400;text-align:center;margin-top:1em;margin-bottom:1em}.toplist-frame .cards .terms .link{color:#e86d13}.toplist-frame .cards .terms .mobile{display:none}@media(max-width: 1025px){.toplist-frame .cards .terms .mobile{display:initial}.toplist-frame .cards .terms .desktop{display:none}}.toplist-frame .cards.centered{justify-content:center}.toplist-frame .cards--wide{grid-template-columns:1fr}@media(max-width: 401px){.toplist-frame .cards{grid-template-columns:1fr}}.toplist-frame .not-found{display:block;grid-column:1/-1;margin:15px auto 30px;max-width:500px;padding:0 10px}.toplist-frame .not-found .img{margin:0 auto;opacity:.9}.toplist-frame .not-found .text{color:#171717;font-size:1.4em;font-weight:400;margin:0 auto;text-align:center}.toplist-frame .toplist-modals{display:flex;flex-flow:row wrap}.toplist-frame .toplist-modals .button{border-radius:30px;flex:1;flex-grow:0;font-size:1rem;margin-right:10px;padding:6px 25px;white-space:nowrap}.toplist-frame .toplist-modals .button span{color:#bfbfbf}@media(max-width: 900px){.toplist-frame .toplist-modals .button{line-height:16px;padding:6px 15px}.toplist-frame .toplist-modals span{margin-right:5px}}@media(max-width: 500px){.toplist-frame .toplist-modals{grid-gap:5px}}@media(max-width: 420px){.toplist-frame .toplist-modals .button{font-size:.875rem;grid-gap:3px;margin-right:5px;padding:6px 10px}}@media(max-width: 345px){.toplist-frame .toplist-modals .button{font-size:.7rem;grid-gap:2px;margin-right:5px;padding:6px 8px}}.toplist-frame.loading .toplist-content::after{opacity:.5;transition:opacity .3s ease-out;z-index:2}.toplist-frame .overlay{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.toplist-frame .overlay .loading-animation{margin:0 auto;z-index:3}.toplist-frame [class*=ribbon-flag-]::after{height:40px;width:40px}.toplist-frame.toplist__simple{margin:20px 0;width:100%}.toplist-frame.toplist__simple .toplist-content{background:rgba(0,0,0,0);box-shadow:none;padding:0}.toplist-frame.toplist__simple .cards{grid-template-columns:repeat(auto-fill, minmax(220px, 1fr))}.toplist-frame.toplist__casino .toplist-header .top{grid-template-columns:auto 1fr}.toplist-frame.toplist__casino .toplist-header .top .affiliate-disclosure{align-self:center;font-size:.875rem;margin-left:auto;margin-top:auto}.toplist-frame.toplist__casino .cards{list-style:none}@media(max-width: 1025px){.toplist-frame.toplist__casino .toplist-header .top{grid-template-columns:auto 1fr}}@media(max-width: 900px){.toplist-frame.toplist__casino .toplist-header .top{grid-template-columns:1fr auto}}.page-notfound .toplist-frame{margin-top:0;padding-top:0}.fp .toplist-frame{margin-top:0}.toplist-edit .toplist-settings input,.toplist-edit .toplist-settings select{font-size:16px;height:35px;margin-left:15px;outline:none}.toplist-edit .toplist-frame{margin:0 !important;width:100% !important}.toplist-edit .toplist-frame .toplist-content{margin:auto !important;width:100% !important}.toplist-edit .toplist-frame .toplist-footer{margin:0;max-width:100%;width:100%}.toplist-edit .toplist-frame .footer-content{display:grid;grid-gap:10px;grid-template-columns:auto 1fr;max-width:100%;padding:10px 0}.toplist-edit .toplist-frame .select-view-count{align-content:center;align-items:center;display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit, 40px);justify-content:end}.toplist-edit .toplist-frame .save-toplist{grid-column:2/-1}.toplist-edit .toplist-frame .toplist-header{display:grid;grid-template-columns:1fr;position:relative;top:0 !important}.toplist-edit .toplist-frame .toplist-header .sort-title{align-self:flex-end;border-right:1px solid #dcdcdc;flex:0 0 auto;font-size:1.2em;padding:15px 10px 15px 0;position:relative;white-space:nowrap}.toplist-edit .toplist-frame .toplist-header .sort-title::before{background:#fff;content:" ";height:10px;position:absolute;right:-1px;top:0;width:1px}.toplist-edit .toplist-frame .toplist-sorting{background:#fff;display:flex;flex-flow:row nowrap}.toplist-edit .toplist-frame .toplist-sorting button{background:rgba(0,0,0,0);border:0;border-radius:0;border-right:1px solid #dcdcdc;color:#4d4d4d;flex:1 1 auto;font:500 1em system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Ubuntu","Google Sans","Noto Sans","Droid Sans","Roboto",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";line-height:1em;margin:0;padding:15px 25px;position:relative;text-align:center;text-transform:uppercase}.toplist-edit .toplist-frame .toplist-sorting button::before{background:#fff;content:" ";height:10px;position:absolute;right:-1px;top:0;width:1px}.toplist-edit .toplist-frame .toplist-sorting button:first-of-type{max-width:60px}.toplist-edit .toplist-frame .toplist-sorting button.active{background:#4d4d4d;border-top-left-radius:10px;border-top-right-radius:10px;color:#f6f6f6}.toplist-edit .toplist-frame .toplist-sorting button.active:not(.order)::after{bottom:calc(100% - 20px);color:#ff851b;content:"";font-family:"icons" !important;left:50%;position:absolute;transform:translateX(-50%) rotate(180deg)}.toplist-edit .toplist-frame .toplist-sorting button.active:not(.order).desc::after{bottom:0;transform:translateX(-50%)}.toggleable-menu{background:#fff;border:1px solid #bfbfbf;border-radius:8px;box-shadow:0 4px 6px 0 rgba(0,0,0,.5);display:grid;grid-gap:5px;grid-template-rows:auto;opacity:0;padding:10px;position:absolute;right:-11px;top:calc(100% + 10px);transform:scaleY(0);transform-origin:top;transition:all .2s ease-out;z-index:1}.toggleable-menu.visible{opacity:1;transform:scaleY(1)}[class*=ribbon-flag]{position:relative}[class*=ribbon-flag]::after{display:block;height:50px;position:absolute;right:0;top:0;width:50px}[class*=ribbon-text]{background:linear-gradient(to left, #e86d13, #ff851b);border-bottom:2px solid #e86d13;border-top:2px solid #e86d13;box-shadow:1px 2px 3px 0 rgba(0,0,0,.4);color:#fff;display:block;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Ubuntu","Google Sans","Noto Sans","Droid Sans","Roboto",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:bold;line-height:1.3;padding:0 26px;position:absolute;right:-33px;text-align:center;text-transform:uppercase;top:28px;transform:rotate(45deg);width:140px}[class*=ribbon-text].exclusive{background:linear-gradient(to left, #fe8200, #fec800);border-color:#e86d13;color:#8e3f00}[class*=ribbon-text].featured{background:linear-gradient(to left, #eee, #fff);border-color:#ff851b;color:#e86d13}.ribbon-flag-uk::after,.ribbon-flag-gb::after{content:url(/assets/img/svg/ribbons/country-ribbon-uk.svg)}.ribbon-flag-mt::after{content:url(/assets/img/svg/ribbons/country-ribbon-malta.svg)}.ribbon-flag-ee::after{content:url(/assets/img/svg/ribbons/country-ribbon-estonia.svg)}.ribbon-flag-cw::after{content:url(/assets/img/svg/ribbons/country-ribbon-curacao.svg)}.ribbon-flag-se::after{content:url(/assets/img/svg/ribbons/country-ribbon-sweden.svg)}.ribbon-flag-ca::after{content:url(/assets/img/svg/ribbons/country-ribbon-canada.svg)}.ribbon-flag-us::after{content:url(/assets/img/svg/ribbons/country-ribbon-us.svg)}.ribbon-flag-fi::after{content:url(/assets/img/svg/ribbons/country-ribbon-fi.svg)}.ribbon-flag-in::after{content:url(/assets/img/svg/ribbons/country-ribbon-in.svg)}.main-cover-image[class*=ribbon-flag]::after{height:90px;width:90px}@media(max-width: 660px){.main-cover-image[class*=ribbon-flag]::after{height:70px;width:70px}}@media(max-width: 448px){.main-cover-image[class*=ribbon-flag]::after{height:50px;width:50px}}.cover-image[class*=ribbon-flag]::after,.cover-image-mobile[class*=ribbon-flag]::after{height:70px;width:70px}.cover-image [class*=ribbon-text],.cover-image-mobile [class*=ribbon-text]{display:block;right:-39px;top:40px;width:180px}.cover-image-with-content[class*=ribbon-flag]::after{border-top-right-radius:10px;height:50px;overflow:hidden;width:50px}.copy-button{display:flex;background:#fff;border-radius:8px;border:none;padding:0;width:26px;height:26px;align-items:center;justify-content:start;position:absolute;top:8px;right:16px;cursor:pointer;z-index:1;transition:width .3s ease;color:#171717}.copy-button__notification{font-size:13px;white-space:nowrap;overflow:hidden;display:none;text-align:start}.copy-button::before{content:"";background-color:#5b5b5b;mask-image:url("/assets/img/svg/copy.svg");mask-repeat:no-repeat;mask-position:center;mask-size:14px 14px;-webkit-mask-image:url("/assets/img/svg/copy.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:14px 14px;width:14px;height:14px;flex-shrink:0;margin:6px;align-self:start}.copy-button:hover::before{background-color:#ff851b}.copy-button--checked::before,.copy-button--active::before,.copy-button--checked:hover::before,.copy-button--active:hover::before{background-color:rgba(0,0,0,0);mask-image:unset;-webkit-mask-image:unset;background-image:url("/assets/img/svg/check.svg");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.copy-button--large{transition:width .5s,height .5s,top .5s,right .5s,transform .5s ease}.copy-button--large .copy-button__notification{position:absolute;top:0;left:20px;width:150px;height:88px;white-space:unset;padding:6px}.copy-button--active{justify-content:start;width:90px}.copy-button--active .copy-button__notification{display:inline}.copy-button--active.copy-button--large{align-items:start;top:-44px;right:0;transform:translateY(0);width:170px;height:88px;overflow:hidden}.copy-button--active.copy-button--large.copy-button--on-first-row{top:0}@media(min-width: 701px){.copy-button{top:50%;transform:translateY(-50%);left:calc(100% - 15px - 26px)}.copy-button--expand-left,.copy-button--large{left:unset}}.text-to-copy{margin-right:36px}.toplist-alphabets{display:flex;flex-flow:wrap;gap:8px;margin:24px 0}.toplist-alphabets .toplist-alphabet__character{color:#ff851b;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;padding:8px;border-radius:8px;border:1px solid #bfbfbf;min-width:40px}.toplist-alphabets .toplist-alphabet__character:hover{background:#eee}
