.box-container{z-index:1;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;pointer-events:none;position:relative}.box-container .cta{position:absolute;left:50%;bottom:0;-ms-transform:translate(-50%, 40%);transform:translate(-50%, 40%)}.box-container--center,.box-container--bottom{text-align:center}.box-container--center .box-container__box-outer,.box-container--bottom .box-container__box-outer{-ms-flex-align:center;align-items:center}.box-container--progress-right .box-progress__total{margin-right:8px;text-align:right}.box-container--progress-left .box-progress__total{margin-left:8px;text-align:left}.box-container .box-progress{width:100%}.box-container .box-progress svg{width:100%}.box-container .box-progress__total{display:block;padding-bottom:24px}.box-container__box-outer{background:url("../assets/tiered-features/tiered-features-box-bg.svg") no-repeat 100%/100%;width:90%;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;color:#e9e5d2;pointer-events:all;padding:24px 32px}.box-container__box-outer p{font-family:"Windlass","Georgia","serif";font-size:calc(14px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)));margin-bottom:24px}.box-container__box-outer p em,.box-container__box-outer p i{font-style:normal}.box-container__box-outer .box-header{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)));margin-bottom:24px}.box-container__box-outer .box-header em,.box-container__box-outer .box-header i{font-style:normal}@media screen and (min-width: 720px){.box-container{top:0;position:absolute;-ms-flex-align:center;align-items:center;width:50%}.box-container--left{left:-5%}.box-container--right{right:-5%}.box-container--center{left:28.83%}.box-container--bottom{left:28.83%;-ms-flex-align:end;align-items:flex-end;top:auto;bottom:-15%}.box-container--bottom .box-container__box-outer{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.box-container__box-outer{width:100%;-ms-flex-align:start;align-items:flex-start;padding:32px 40px}.box-container__box-outer p{font-size:calc(14px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}.box-container__box-outer .box-header{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1024px){.box-container__box-outer p{font-size:calc(14px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}.box-container__box-outer .box-header{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1200px){.box-container{width:42.33%}.box-container__box-outer{padding:56px 80px}.box-container__box-outer p{font-size:calc(16px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}.box-container__box-outer p{margin-bottom:24px}.box-container__box-outer .box-header{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 1440px){.box-container__box-outer p{font-size:calc(16px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}.box-container__box-outer .box-header{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}}@media screen and (min-width: 2000px){.box-container__box-outer p{font-size:calc(20px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(28px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}.box-container__box-outer .box-header{font-size:calc(50px*var(--typography-scale-font-size-burlesk-heading1, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-heading1, var(--typography-scale-line-height-burlesk, 1)))}}
.responsive-image{height:auto;min-height:1px;min-width:1px;max-width:100%;opacity:0;transition:opacity 1s}.responsive-image--fade-transform{transition:opacity 1s,transform 3.7s;transform:translate3d(0, 5%, 0)}.responsive-image--triggered{opacity:1}.responsive-image--triggered.responsive-image--fade-transform{transform:translate3d(0, 0, 0)}
.adventure-feature{position:relative}.adventure-feature--with-box{padding-bottom:32px}.adventure-feature::after{transition:box-shadow .2s,background-color .2s;position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);z-index:-1;background-color:rgba(0,0,0,0)}.adventure-feature--focused{position:relative}body.show-outlines .adventure-feature--focused{outline:4px solid #fff5dd;outline-offset:1px;box-shadow:#000 0 1px 12px 5px}.adventure-feature--focused::after{background-color:#00ff9c;box-shadow:#00ff9c 0 0 25px 5px}.adventure-feature__inner{clip-path:url(#ragged-image-border);position:relative;padding-top:56.25%}.adventure-feature__inner .background-image{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover}.adventure-feature__inner button{display:block;border:0;background:rgba(0,0,0,0);position:absolute;top:0;left:0;width:100%;height:100%}.adventure-feature__inner button .background-image{position:initial}.adventure-feature__inner .video-link{width:60px;height:60px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1}.adventure-feature__inner .video-link:focus{outline:0}.adventure-feature__inner .video-link:focus .icon--play-arrow{box-shadow:#00ff9c 0 0 25px 5px;border-radius:50%}.adventure-feature__inner .video-link:hover .icon--play-arrow svg{opacity:.6}.adventure-feature__inner .video-link .icon--play-arrow{color:#f1eee5;background:url("../assets/video-preview/play-background.svg") no-repeat 50% 50%/cover;width:100%;height:100%}.adventure-feature__inner .video-link .icon--play-arrow svg{width:25%;height:25%;top:50%;left:50%;position:absolute;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:opacity .3s}.adventure-feature__inner .video-player-inline{position:absolute;top:0;left:0;height:100%;width:100%}.adventure-feature__inner .video-player-inline .video-player .video-wrapper{max-width:100%;height:100%}.adventure-feature__inner img.decorations{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.adventure-feature__inner svg.box{position:relative}.adventure-feature--small .box-container,.adventure-feature--smaller .box-container{left:5%;width:90%;top:90%;-ms-flex-align:start;align-items:flex-start;position:absolute}.adventure-feature--small .box-container__box,.adventure-feature--smaller .box-container__box{display:block}.adventure-feature--small .box-container__box-outer,.adventure-feature--smaller .box-container__box-outer{padding:20px}.adventure-feature--small .box-container__box-outer .box-container__box,.adventure-feature--smaller .box-container__box-outer .box-container__box{display:block}.adventure-feature--small .box-container__box-outer p,.adventure-feature--smaller .box-container__box-outer p{margin-bottom:10px;font-family:"Manuskript","Georgia","serif";text-align:left}.adventure-feature--small .box-container__box-outer h3.box-header,.adventure-feature--smaller .box-container__box-outer h3.box-header{margin-bottom:12px}.adventure-feature--small .adventure-feature__inner,.adventure-feature--smaller .adventure-feature__inner{margin-bottom:50%}.adventure-feature__status-indicator{position:absolute;top:-10px;left:30px;padding:10px 20px;background:url("../assets/button/green-button-sprite.svg#off") no-repeat 100%/100%;color:#fff}@media screen and (min-width: 720px){.adventure-feature__inner .video-link{width:90px;height:90px}.adventure-feature--box-left{margin-left:5%}.adventure-feature--box-right{margin-right:5%}.adventure-feature--box-bottom{margin-bottom:12%}}
.radial-icon{display:block;position:relative;width:100%;height:98%;background:url("../assets/radial-icon/background.svg") no-repeat 0 0/100% 100%}.radial-icon .icon{position:absolute;display:block;fill:currentcolor;width:50%;height:50%;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.radial-icon--green{background-image:url("../assets/radial-icon/green-background.svg")}.radial-icon--green .icon{color:#19333c}.radial-icon--red{background-image:url("../assets/radial-icon/red-background.svg")}.radial-icon--red .icon{color:#452103}.radial-icon--yellow-status{background-image:url("../assets/radial-icon/yellow-status-background.svg")}.radial-icon--yellow-status-light{background-image:url("../assets/radial-icon/yellow-status-background-light.svg")}.radial-icon--green-status{background-image:url("../assets/radial-icon/green-status-background.svg")}.radial-icon--green-status-light{background-image:url("../assets/radial-icon/green-status-background-light.svg")}.radial-icon--purple{background-image:url("../assets/radial-icon/purple-background.svg")}.radial-icon--ocean-green{background-image:url("../assets/radial-icon/ocean-green-background.svg")}.radial-icon--ocean-green-active{background-image:url("../assets/radial-icon/ocean-green-background-active.svg")}.radial-icon--cornflower-blue{background-image:url("../assets/radial-icon/cornflower-blue-background.svg")}.radial-icon--pumpkin{background-image:url("../assets/radial-icon/pumpkin-background.svg")}
.character{position:absolute;width:100%;left:0;pointer-events:none;background-size:auto 100%;background-repeat:no-repeat;background-position:50% 50%}.character--image img{height:100%;width:auto}
.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;opacity:0;transition:opacity .6s}.background-image--top-left{background-position:top left}.background-image--top-center{background-position:top center}.background-image--top-right{background-position:top right}.background-image--center-left{background-position:center left}.background-image--center-right{background-position:center right}.background-image--bottom-left{background-position:bottom left}.background-image--bottom-center{background-position:bottom center}.background-image--bottom-right{background-position:bottom right}.background-image--triggered{opacity:1}
.video-player-inline__thumbnail{background:rgba(0,0,0,0);border:0;padding:0;position:relative;width:100%}.video-player-inline__thumbnail:focus{outline:0;box-shadow:#00ff9c 0 0 8px 5px}.video-player-inline__thumbnail .icon--play{color:#f1eee5;width:60px;height:60px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1}.video-player-inline__thumbnail svg{position:relative;vertical-align:bottom}
.error-page{margin:0 auto;position:relative}.error-page__text{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)));color:#fff;margin:auto}.error-page__text em,.error-page__text i{font-style:normal}.error-page__text p{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page__text p em,.error-page__text p i{font-style:normal}.error-page .jumbo-cta{padding:0}.error-page .card{margin:0 16px;padding-left:32px;position:relative}.error-page .card__title{margin-bottom:0}.error-page .card__content h1,.error-page .card__content h2{text-transform:uppercase;font-family:"Burlesk","Georgia","serif";font-size:calc(36px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(40px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)));margin-left:-8px;margin-right:-8px}.error-page .card__content h1 em,.error-page .card__content h1 i,.error-page .card__content h2 em,.error-page .card__content h2 i{font-style:normal}.error-page .card__content h1{color:#34da9e}.error-page .card__content h2{color:#fff}.error-page--has-character .jumbo-cta{margin:80px 0 0;padding:0 16px}.error-page--has-character .card{margin:32px 0 0;padding-left:32px}.error-page--too-many .card::before{background:url("../assets/error-pages/backgrounds/too-many.svg") no-repeat 50%/100%;content:"";display:block;height:100%;left:50%;position:absolute;pointer-events:none;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;z-index:0}.error-page--too-many .card h1{margin-bottom:32px}.error-page--too-many .card .cta .button{margin-top:32px}.error-page__character-container{inset:0;padding:0 16px;pointer-events:none;position:absolute;z-index:-1}.error-page .character{background-position:50% 0;background-size:62.5% auto;height:100%;inset:-56px auto 0 50%;-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:1}@media screen and (min-width: 480px){.error-page--too-many .card::before{background:url("../assets/error-pages/backgrounds/too-many.svg") no-repeat 50%/75%}.error-page .character{inset:-96px auto 0 50%}}@media screen and (min-width: 720px){.error-page__text{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page__text p{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page .card__content h1,.error-page .card__content h2{font-size:calc(48px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}.error-page--too-many .card::before{background:url("../assets/error-pages/backgrounds/too-many.svg") no-repeat 50%/66%}}@media screen and (min-width: 1024px){.error-page__text{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page__text p{font-size:calc(24px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(30px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page .card__content h1,.error-page .card__content h2{font-size:calc(48px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}.error-page--has-character .jumbo-cta{margin:0;padding:40px 0}.error-page--has-character .card{padding-left:160px}.error-page__character-container{inset:0;z-index:unset}.error-page .character{background-size:auto 100%;height:118%;inset:-16px auto 0 0;margin-left:112px}}@media screen and (min-width: 1200px){.error-page__text{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page__text p{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page .card__content h1,.error-page .card__content h2{font-size:calc(76px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}.error-page--too-many .card{padding:112px 32px}.error-page--too-many .card::before{background:url("../assets/error-pages/backgrounds/too-many.svg") no-repeat 50%/45%}.error-page .character{height:112%;margin-left:160px}}@media screen and (min-width: 1440px){.error-page__text{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page__text p{font-size:calc(29px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(34px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page .card__content h1,.error-page .card__content h2{font-size:calc(76px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(60px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}.error-page .character{height:108%;inset:-16px auto auto 0}}@media screen and (min-width: 2000px){.error-page__text{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page__text p{font-size:calc(37px*var(--typography-scale-font-size-burlesk-heading2, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(44px*var(--typography-scale-line-height-burlesk-heading2, var(--typography-scale-line-height-burlesk, 1)))}.error-page .card__content h1,.error-page .card__content h2{font-size:calc(96px*var(--typography-scale-font-size-burlesk-display4, var(--typography-scale-font-size-burlesk, 1)));line-height:calc(84px*var(--typography-scale-line-height-burlesk-display4, var(--typography-scale-line-height-burlesk, 1)))}}
.tiered-features__end-cta{display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;margin-top:60px;margin-bottom:60px;width:100%}.tiered-features__end-cta--left,.tiered-features__end-cta--right{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tiered-features__end-cta--left svg,.tiered-features__end-cta--right svg{max-width:100%}.tiered-features__end-cta .cta a{padding-left:40px;padding-right:40px}.tiered-features__end-cta--left{-ms-flex-pack:end;justify-content:flex-end}.tiered-features__end-cta--right{-ms-flex-pack:start;justify-content:flex-start}.tiered-features__end-cta .icon{width:80px;height:80px;fill:#44997e;margin-left:10px;margin-right:10px}@media screen and (min-width: 480px){.tiered-features__end-cta .cta{margin-left:20px;margin-right:20px}}
.user-friend{font-family:"Windlass","Georgia","serif";font-size:calc(14px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)));color:#f1eee5;position:relative;-ms-flex-preferred-size:140px;flex-basis:140px}.user-friend em,.user-friend i{font-style:normal}.user-friend::before{top:0;left:0;background:rgba(0,0,0,.5);clip-path:url(#tiered-features-background)}.user-friend::after{transition:box-shadow .2s,background-color .2s;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);z-index:-1;background-color:rgba(0,0,0,0)}.user-friend__inner{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;padding-top:40px}.user-friend__inner--background{clip-path:url(#tiered-features-background-2);background-color:#000}.user-friend__inner .roundel-container{position:relative}.user-friend__inner .roundel-container .roundel{width:108px;margin-left:auto;margin-right:auto}.user-friend__inner .roundel-container .radial-icon{width:36px;height:36px;position:absolute}.user-friend__inner .roundel-container .radial-icon--ocean-green{top:-4px;left:60%}.user-friend__inner .roundel-container .radial-icon--cornflower-blue{top:32px;left:75%}.user-friend__inner .status{margin-top:8px;color:#00ff9c}.user-friend__inner .status--offline{color:#f1eee5}.user-friend__inner .join-button{color:#f1eee5;width:80%;margin-top:8px}.user-friend img.user-friend__decorations{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}@media screen and (min-width: 720px){.user-friend{font-size:calc(14px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1024px){.user-friend{font-size:calc(14px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1200px){.user-friend{font-size:calc(16px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1440px){.user-friend{font-size:calc(16px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(24px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}.user-friend{-ms-flex-preferred-size:210px;flex-basis:210px}}@media screen and (min-width: 2000px){.user-friend{font-size:calc(20px*var(--typography-scale-font-size-windlass-body-default, var(--typography-scale-font-size-windlass, 1)));line-height:calc(28px*var(--typography-scale-line-height-windlass-body-default, var(--typography-scale-line-height-windlass, 1)))}}
.user-friends .user-container__heading{font-family:"Windlass","Georgia","serif";font-size:calc(24px*var(--typography-scale-font-size-windlass-heading2, var(--typography-scale-font-size-windlass, 1)));line-height:calc(30px*var(--typography-scale-line-height-windlass-heading2, var(--typography-scale-line-height-windlass, 1)))}.user-friends .user-container__heading em,.user-friends .user-container__heading i{font-style:normal}.user-friends .user-container h3{color:#f1eee5}.user-friends .user-container__401-error{animation:basicFadeIn 1s;width:100%}.user-friends .user-container__error{animation:basicFadeIn 1s;color:#f1eee5;padding:50px;background:url("../assets/backgrounds/ragged-kilamanjaro-layered.svg") no-repeat 0 0/cover}.user-friends .user-container__error h4{margin-bottom:20px}.user-friends .user-container__roundels{animation:basicFadeIn 1s;margin:50px 0;min-height:250px;display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;gap:40px;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.user-friends .user-container__indicator{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px)}.user-friends .user-container__indicator .loading .icon{height:100px;width:100px;color:#1d4351}@media screen and (min-width: 720px){.user-friends .user-container__heading{font-size:calc(24px*var(--typography-scale-font-size-windlass-heading2, var(--typography-scale-font-size-windlass, 1)));line-height:calc(30px*var(--typography-scale-line-height-windlass-heading2, var(--typography-scale-line-height-windlass, 1)))}.user-friends .user-container__error{width:48%}}@media screen and (min-width: 1024px){.user-friends .user-container__heading{font-size:calc(24px*var(--typography-scale-font-size-windlass-heading2, var(--typography-scale-font-size-windlass, 1)));line-height:calc(30px*var(--typography-scale-line-height-windlass-heading2, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1200px){.user-friends .user-container__heading{font-size:calc(29px*var(--typography-scale-font-size-windlass-heading2, var(--typography-scale-font-size-windlass, 1)));line-height:calc(34px*var(--typography-scale-line-height-windlass-heading2, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 1440px){.user-friends .user-container__heading{font-size:calc(29px*var(--typography-scale-font-size-windlass-heading2, var(--typography-scale-font-size-windlass, 1)));line-height:calc(34px*var(--typography-scale-line-height-windlass-heading2, var(--typography-scale-line-height-windlass, 1)))}}@media screen and (min-width: 2000px){.user-friends .user-container__heading{font-size:calc(37px*var(--typography-scale-font-size-windlass-heading2, var(--typography-scale-font-size-windlass, 1)));line-height:calc(44px*var(--typography-scale-line-height-windlass-heading2, var(--typography-scale-line-height-windlass, 1)))}}
.join-friend{position:relative;background:url("../assets/backgrounds/panel-bg.svg#solid") no-repeat 100%/100%;padding:50px 40px 30px;display:-ms-flexbox;display:flex;max-width:800px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;gap:20px;filter:drop-shadow(0 0 20px #00ff9c)}.join-friend .friend-roundel{-ms-flex-line-pack:center;align-content:center;-ms-flex-preferred-size:240px;flex-basis:240px}.join-friend .friend-roundel .user-friend{min-height:unset}.join-friend .friend-roundel .user-friend .user-friend__inner{padding-top:0}.join-friend .info-buttons{color:#f1eee5}.join-friend .info-buttons .buttons{text-align:center}.join-friend .info-buttons .buttons .button{margin-right:20px;margin-top:20px}.join-friend hr{margin:25px 0;background:url("../assets/filter-group-seperator.svg") no-repeat 100%/100%}@media screen and (min-width: 720px){.join-friend{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.join-friend .info-buttons .buttons{text-align:unset}}