body.swipe-page>aside{display:none}body.swipe-page>.main{margin-left:0}.swipe-page .main>header{height:auto;min-height:130px;padding:24px 35px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:13px;border:0}.swipe-page .main>header>.header-brand{width:225px}.swipe-page .main>header>div{display:none}.swipe-profile-back{display:none;border:0;background:none;padding:5px 4px;font-size:11px;color:#81936e}.swipe-page .swipe-profile-back{display:block}.swipe-page .main main{max-width:1700px;padding:0 35px 35px}.swipe-page main>.heading,.swipe-page main>.toolbar,.swipe-page .right-column,.swipe-page main>footer{display:none}.swipe-page .content-grid{display:block}.swipe-page #content{max-width:none;width:100%;margin:0}.swipe-stage{min-height:calc(100svh - 165px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0 30px}.swipe-count-control{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:25px}.swipe-count-control>label{font-size:11px;color:#7e906a}.swipe-count-control select{border:1px solid #d5dfc7;background:#fffef8;color:#526c38;padding:10px 30px 10px 14px;border-radius:10px;font-size:12px;cursor:pointer}.swipe-count-control small{display:block;font-size:8px;color:#a5af97;margin-top:6px}.swipe-decks{display:grid;gap:20px;align-items:start;justify-content:center;width:100%}.swipe-decks[data-count="1"]{grid-template-columns:minmax(0,420px)}.swipe-decks[data-count="2"]{grid-template-columns:repeat(2,minmax(0,400px))}.swipe-decks[data-count="3"]{grid-template-columns:repeat(3,minmax(0,360px))}.swipe-decks[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.swipe-decks[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.swipe-decks .debt-face{width:100%;max-width:none}.swipe-queue-note{font-size:9px;color:#a1ae91;text-align:center;margin-top:20px;line-height:1.8}.swipe-stage .empty{max-width:460px;width:100%}.swipe-page .debt-face-art{height:175px}.swipe-page .debt-face-art.has-photo{height:230px}.swipe-decks[data-count="4"] .df-body,.swipe-decks[data-count="5"] .df-body{padding:18px 16px}.swipe-decks[data-count="4"] .df-person h2,.swipe-decks[data-count="5"] .df-person h2{font-size:19px}.swipe-decks[data-count="4"] .df-titles h3,.swipe-decks[data-count="5"] .df-titles h3{font-size:14px}.swipe-decks[data-count="4"] .df-actions,.swipe-decks[data-count="5"] .df-actions{gap:12px}.swipe-decks[data-count="5"] .df-actions>button{min-width:44px}.swipe-decks[data-count="5"] .df-actions>button>b{width:40px;height:40px;font-size:25px}.swipe-decks[data-count="5"] .df-actions .df-logo-icon{width:48px;height:48px;border-radius:15px}.swipe-decks[data-count="5"] .df-logo-icon img{width:42px;height:42px}.swipe-decks[data-count="5"] .debt-face-art{height:140px}
@media(max-width:1200px){.swipe-decks[data-count="4"],.swipe-decks[data-count="5"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1050px}.swipe-page .main>header{padding-left:25px}.swipe-page .main main{padding:0 25px 25px}}
@media(max-width:850px){.swipe-decks[data-count="3"],.swipe-decks[data-count="4"],.swipe-decks[data-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}.swipe-stage{justify-content:flex-start;padding-top:22px}.swipe-count-control{margin-bottom:23px}}
@media(max-width:620px){.swipe-page .main>header{padding:20px 20px 0;min-height:108px;gap:9px}.swipe-page .main>header>.header-brand{width:185px}.swipe-profile-back{font-size:10px}.swipe-page .main main{padding:0 19px 25px}.swipe-count-control{gap:11px;align-items:center;margin-bottom:21px}.swipe-count-control>label{font-size:10px}.swipe-count-control select{font-size:11px;padding:9px 27px 9px 12px}.swipe-count-control small{font-size:7px}.swipe-decks[data-count]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;align-items:stretch;gap:15px;padding:0 1px 16px;max-width:100%;overscroll-behavior-x:contain}.swipe-decks[data-count="1"]{justify-content:center;overflow:visible}.swipe-decks>.deck-swipe{flex:0 0 min(100%,390px);min-width:0;scroll-snap-align:center}.swipe-decks[data-count]:not([data-count="1"])>.deck-swipe{flex-basis:88%}.swipe-decks .debt-face{height:100%;display:flex;flex-direction:column}.swipe-decks .df-body{flex:1;display:flex;flex-direction:column}.swipe-decks .df-bottom{margin-top:auto}.swipe-decks[data-count] .df-actions{gap:25px}.swipe-decks[data-count] .df-person h2{font-size:22px}.swipe-decks[data-count] .df-titles h3{font-size:16px}.swipe-decks[data-count] .df-body{padding:21px 20px 19px}.swipe-decks[data-count] .df-actions>button>b{width:48px;height:48px}.swipe-decks[data-count] .df-actions .df-logo-icon{width:58px;height:58px}.swipe-decks[data-count] .df-logo-icon img{width:49px;height:49px}.swipe-decks[data-count] .debt-face-art{height:175px}.swipe-stage{min-height:0;padding-top:17px}.swipe-queue-note{margin-top:5px;font-size:8px}}
@media(max-width:620px){.swipe-decks:not([data-count="1"]) .deck-swipe{touch-action:pan-x pan-y}}
/* Larger cards and more readable type on the swipe page. */
.swipe-page .main>header>.header-brand{width:270px}.swipe-page .swipe-profile-back{font-size:15px;color:#65794f;padding:8px 4px}.swipe-page .swipe-count-control{gap:22px;margin-bottom:30px}.swipe-page .swipe-count-control>label{font-size:16px;color:#536b3e;line-height:1.6}.swipe-page .swipe-count-control small{font-size:12px;color:#798967;margin-top:7px;line-height:1.7}.swipe-page .swipe-count-control select{font-size:16px;padding:13px 35px 13px 17px;min-height:48px}.swipe-page .swipe-decks[data-count="1"]{grid-template-columns:minmax(0,540px)}.swipe-page .swipe-decks[data-count="2"]{grid-template-columns:repeat(2,minmax(0,490px))}.swipe-page .swipe-decks[data-count="3"],.swipe-page .swipe-decks[data-count="4"],.swipe-page .swipe-decks[data-count="5"]{grid-template-columns:repeat(3,minmax(0,450px));gap:24px;max-width:1400px}.swipe-page .debt-face{border-radius:27px}.swipe-page .swipe-decks[data-count] .debt-face-art{height:230px}.swipe-page .swipe-decks[data-count] .debt-face-art.has-photo{height:300px}.swipe-page .swipe-decks[data-count] .df-body{padding:30px 29px 25px}.swipe-page .swipe-decks[data-count] .df-person h2{font-size:30px;line-height:1.45;color:#303f28}.swipe-page .swipe-decks[data-count] .df-person>p{font-size:15px;line-height:1.7;color:#748960;margin-top:10px}.swipe-page .swipe-decks[data-count] .df-titles{padding:27px 0 31px;min-height:120px;gap:17px}.swipe-page .swipe-decks[data-count] .df-titles h3{font-size:22px;line-height:1.65;color:#4b6535}.swipe-page .swipe-decks[data-count] .df-titles>div>span{font-size:12px;color:#879a70}.swipe-page .df-sample{font-size:11px;padding:8px 12px;color:#6c7f55}.swipe-page .df-bottom{padding-top:21px}.swipe-page .df-bottom>p{font-size:13px;line-height:1.8;color:#788966;margin-bottom:21px}.swipe-page .swipe-decks[data-count] .df-actions{gap:25px}.swipe-page .swipe-decks[data-count] .df-actions>button{min-width:64px;gap:10px}.swipe-page .swipe-decks[data-count] .df-actions>button>b{width:62px;height:62px;font-size:34px}.swipe-page .swipe-decks[data-count] .df-actions .df-logo-icon{width:73px;height:73px;border-radius:22px}.swipe-page .swipe-decks[data-count] .df-logo-icon img{width:63px;height:63px}.swipe-page .df-actions>button>span:last-child{font-size:13px;color:#6f8359}.swipe-page .swipe-queue-note{font-size:13px;line-height:1.9;color:#7a8d65;margin-top:23px}
@media(max-width:1100px){.swipe-page .swipe-decks[data-count="3"],.swipe-page .swipe-decks[data-count="4"],.swipe-page .swipe-decks[data-count="5"]{grid-template-columns:repeat(2,minmax(0,480px));max-width:1000px}}
@media(max-width:620px){.swipe-page .main>header>.header-brand{width:225px}.swipe-page .main>header{padding:21px 19px 0;gap:10px;min-height:130px}.swipe-page .swipe-profile-back{font-size:13px}.swipe-page .main main{padding:0 14px 28px}.swipe-page .swipe-count-control{gap:12px;margin-bottom:25px;width:100%;padding:0 5px}.swipe-page .swipe-count-control>label{font-size:14px;line-height:1.6}.swipe-page .swipe-count-control small{font-size:10px;line-height:1.8}.swipe-page .swipe-count-control select{font-size:15px;padding:12px 29px 12px 13px}.swipe-page .swipe-decks[data-count]>.deck-swipe{flex:0 0 min(100%,540px)}.swipe-page .swipe-decks[data-count]:not([data-count="1"])>.deck-swipe{flex-basis:94%}.swipe-page .swipe-decks[data-count] .debt-face-art{height:210px}.swipe-page .swipe-decks[data-count] .debt-face-art.has-photo{height:270px}.swipe-page .swipe-decks[data-count] .df-body{padding:25px 23px 23px}.swipe-page .swipe-decks[data-count] .df-person h2{font-size:28px}.swipe-page .swipe-decks[data-count] .df-person>p{font-size:14px}.swipe-page .swipe-decks[data-count] .df-titles h3{font-size:21px;line-height:1.7}.swipe-page .df-bottom>p{font-size:12px}.swipe-page .swipe-decks[data-count] .df-actions{gap:25px}.swipe-page .swipe-decks[data-count] .df-actions>button>b{width:57px;height:57px;font-size:32px}.swipe-page .swipe-decks[data-count] .df-actions .df-logo-icon{width:67px;height:67px}.swipe-page .swipe-decks[data-count] .df-logo-icon img{width:58px;height:58px}.swipe-page .df-actions>button>span:last-child{font-size:12px}.swipe-page .swipe-queue-note{font-size:11px;margin-top:13px}}
