.nextslot-progress{position:relative;overflow:hidden;width:100%;border-radius:10px;background-color:var(--color-border)}.nextslot-progress__bar{position:relative;display:flex;justify-content:center;align-items:center;width:0;height:100%;height:20px;color:#fff;background:var(--color-primary);transition:width .3s ease-in-out}.nextslot-progress__label{position:absolute;top:50%;right:0;padding:0 10px;color:var(--color-white);transform:translateY(-50%)}.nextslot-progress__label._left{left:0;right:auto}.fngift-req{position:relative;display:flex;flex-direction:column;min-height:170px;padding:30px 40px 32px;background:linear-gradient(90deg,rgba(1,181,80,.2),rgba(130,167,25,.2));border-radius:30px}.fngift-req._yellow{background:linear-gradient(90deg,rgba(199,127,0,.2),rgba(183,65,18,.2))}.fngift-req._clickable{cursor:pointer}.fngift-req__head{display:flex;align-items:flex-start}.fngift-req__head-contents{position:relative;z-index:2}.fngift-req__head-contents .text-xs{margin-top:16px}.fngift-req__head-icon{flex:0 0 auto;margin-top:-22px;margin-left:auto;margin-right:-20px}.fngift-req__content{margin-top:auto;padding-top:16px;font-size:20px;line-height:1;text-align:right;font-variation-settings:"wght" 700}@supports not (font-variation-settings:normal){.fngift-req__content{font-weight:700}}@media only screen and (max-width:1440px){.fngift-req{min-height:120px;padding:22px 30px;border-radius:20px}.fngift-req__head-contents .text-xs{margin-top:10px}.fngift-req__head-icon{flex:0 0 auto;margin-top:-26px;margin-right:-22px;transform:scale(.75)}.fngift-req__content{padding-top:12px;font-size:16px}}@media only screen and (max-width:768px){.fngift-req{min-height:135px;margin-left:-10px;margin-right:-10px;padding:26px 35px;border-radius:30px}.fngift-req__head-contents .text-xs{margin-top:8px}.fngift-req__head-icon{position:absolute;top:50%;right:20px;z-index:1;flex:0 0 auto;margin-top:15px;margin-right:0;transform:scale(1.33) translateY(-50%)}.fngift-req__content{padding-top:12px;font-size:20px;text-align:left}}.fngift-profile{position:relative;display:flex;align-items:center;min-height:60px;padding:10px 30px;background:var(--color-block-background);border-radius:30px;cursor:pointer;transition:background .25s ease-in-out}.fngift-profile:not(:last-child){margin-bottom:10px}.fngift-profile:after{position:absolute;content:"";z-index:1;padding:1px;background:var(--color-gradient-blue-90);border-radius:30px;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fngift-profile>*{position:relative;z-index:2}.fngift-profile:hover{background:var(--color-background)}.fngift-profile:hover .fngift-profile__checkbox{box-shadow:0 5px 20px 0 rgba(125,32,255,.4),0 -5px 20px 0 rgba(32,127,255,.4)}.fngift-profile__id{flex:0 0 130px;padding-right:20px;font-size:14px;line-height:1;color:var(--color-font-80)}.fngift-profile__login{font-size:16px;line-height:1}.fngift-profile__platform{display:inline-flex;flex:0 0 200px;align-items:center;margin-left:auto;padding-right:20px;font-size:0}.fngift-profile__platform img{flex:0 0 auto;width:12px;margin-right:10px}.fngift-profile__platform span{font-size:16px;color:var(--color-font-80)}.fngift-profile__checkbox{width:20px;height:20px;font-size:0;background:var(--color-background);border-radius:50%;transition:box-shadow .25s ease-in-out}.fngift-profile__checkbox .svg-icon{font-size:20px;opacity:0;transition:opacity .25s ease-in-out}.fngift-profile._selected{background:var(--color-background)}.fngift-profile._selected:after{opacity:1}.fngift-profile._selected .fngift-profile__checkbox{box-shadow:0 5px 20px 0 rgba(125,32,255,.4),0 -5px 20px 0 rgba(32,127,255,.4)}.fngift-profile._selected .fngift-profile__checkbox .svg-icon{opacity:1}@media only screen and (max-width:1440px){.fngift-profile{min-height:40px;padding:10px 25px}.fngift-profile:not(:last-child){margin-bottom:5px}.fngift-profile__id{flex:0 0 105px;padding-right:15px;font-size:12px}.fngift-profile__login{font-size:14px}.fngift-profile__platform{flex:0 0 190px;padding-right:10px}.fngift-profile__platform img{width:10px;margin-right:10px}.fngift-profile__platform span{font-size:14px}.fngift-profile__checkbox{width:10px;height:10px}.fngift-profile__checkbox .svg-icon{font-size:10px}}@media only screen and (max-width:768px){.fngift-profile{min-height:1px;padding:22px 30px;flex-wrap:wrap}.fngift-profile__id{flex:0 0 auto;order:2;padding-right:10px;font-size:10px}.fngift-profile__login{flex:0 0 100%;margin-bottom:10px;padding-right:40px;font-size:14px;order:1}.fngift-profile__platform{order:3;flex:0 0 auto;margin-left:0;padding-right:10px}.fngift-profile__platform img{width:8px;margin-right:5px}.fngift-profile__platform span{font-size:10px}.fngift-profile__checkbox{position:absolute;top:50%;right:30px;width:20px;height:20px;transform:translateY(-50%)}.fngift-profile__checkbox .svg-icon{font-size:20px}}.fngift-myprofile{display:flex;align-items:center;padding:20px 30px;background:var(--color-block-background)}.fngift-myprofile__status{display:flex;align-items:center;margin-right:30px}.fngift-myprofile__status .svg-icon{margin-right:15px;font-size:20px;color:rgba(var(--color-gold),1)}.fngift-myprofile__status span{font-size:14px}.fngift-myprofile__id{margin-right:30px;font-size:14px;line-height:1;color:var(--color-font-80)}.fngift-myprofile__login{font-size:16px;line-height:1}@media only screen and (max-width:1440px){.fngift-myprofile{min-height:40px;padding:12px 25px}.fngift-myprofile__status{margin-right:20px}.fngift-myprofile__status .svg-icon{margin-right:10px;font-size:10px}.fngift-myprofile__status span{font-size:12px}.fngift-myprofile__id{margin-right:20px;font-size:12px}.fngift-myprofile__login{font-size:14px;line-height:1}}@media only screen and (max-width:768px){.fngift-myprofile{padding:30px;flex-wrap:wrap}.fngift-myprofile__status{order:1;flex:0 0 100%;flex-direction:column;margin-right:0;margin-bottom:24px}.fngift-myprofile__status .svg-icon{margin-right:0;margin-bottom:16px;font-size:30px}.fngift-myprofile__status span{font-size:12px}.fngift-myprofile__id{order:3;margin-right:0}.fngift-myprofile__login{order:2;margin-right:auto}}.fngift-profiles{display:flex;align-items:center;margin-bottom:24px;padding:20px 40px 20px 60px;background:var(--color-block-background);border-radius:30px}.fngift-profiles__label{flex:0 0 180px;padding-right:20px;font-size:14px;line-height:1}.fngift-profiles__list{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap}.fngift-profiles__profile{position:relative;max-width:200px;margin:10px 20px 10px 0;padding:10px 60px 10px 20px;background:var(--color-block-background);border-radius:20px;transition:background .25s ease-in-out;cursor:pointer}.fngift-profiles__profile:hover{background:var(--color-block-background-hover)}.fngift-profiles__profile:after{position:absolute;content:"";z-index:1;padding:1px;background:var(--color-gradient-blue-90);border-radius:var(--border-radius);opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fngift-profiles__profile>*{position:relative;z-index:2}.fngift-profiles__profile .text-sm{margin-top:8px;overflow:hidden;min-width:1px;white-space:nowrap;text-overflow:ellipsis}.fngift-profiles__profile._active{background:var(--color-background)}.fngift-profiles__profile._active:after{opacity:1}.fngift-profiles__remove{position:absolute;top:50%;right:20px;font-size:0;transform:translateY(-50%);cursor:pointer;transition:opacity .25s ease-in-out}.fngift-profiles__remove:hover{opacity:.7}.fngift-profiles__remove .svg-icon{font-size:16px}.fngift-profiles__add{margin:10px 0;padding:10px 20px;font-size:14px;text-align:center;color:var(--color-font-80);background:var(--color-block-background);border-radius:20px;transition:background .25s ease-in-out,color .25s ease-in-out;cursor:pointer}.fngift-profiles__add:hover{color:var(--color-font);background:var(--color-block-background-hover)}@media only screen and (max-width:1440px){.fngift-profiles{margin-bottom:20px;padding:10px 30px 10px 40px;border-radius:20px}}@media only screen and (max-width:768px){.fngift-profiles{margin-bottom:15px;padding:15px 25px 5px;flex-wrap:wrap}.fngift-profiles__label{flex-basis:100%;margin-bottom:6px}}