https://www.gritnation.jp/_next/static/chunks/pages/coaches-d72977911a6fbef2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[487],{8003:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/coaches",function(){return a(4259)}])},7436:function(e,t,a){"use strict";var r=a(5593);let o=(0,a(7478).ZP)(r.Z)(e=>{let{theme:t}=e;return{borderColor:t.palette.secondary.main,margin:"32px 0",[t.breakpoints.down("sm")]:{"& .divider":{margin:"16px 0"}}}});t.Z=o},4259:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return F},default:function(){return z}});var r=a(1527),o=a(6874),i=a(7478);let n=(0,i.ZP)(o.Z)(e=>{let{theme:t}=e;return{position:"relative","& .headingBox":{marginTop:"112px",marginBottom:"136px",position:"relative","& .programInfo":{position:"absolute",top:"0",right:"0",paddingRight:"24px"}},"& .divider":{display:"none"},[t.breakpoints.down("sm")]:{"& .headingBox":{marginTop:"64px",marginBottom:"16px",position:"relative","& .programInfo":{position:"absolute",top:"0",right:"0",paddingRight:"16px"}},"& .divider":{display:"block"}}}});var s=a(959),l=a(6258),c=a.n(l),d=a(789);let p=(0,i.ZP)(d.Z)(e=>{let{theme:t}=e;return{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"flex-start",alignItems:"center",gap:16,"&:last-child":{marginBottom:0},"& .colorCircle":{width:19.37,height:19.37,borderRadius:"50%"},[t.breakpoints.down("sm")]:{gap:8}}});var h=a(3453);function m(e){let{program:t,mb:a=2}=e;return"#"!==t.color[0]&&(t.color="#"+t.color),(0,r.jsxs)(p,{mb:a,children:[(0,r.jsx)(d.Z,{className:"colorCircle",sx:{backgroundColor:t.color},component:"span"}),(0,r.jsx)(h.Z,{variant:"enBasic",children:t.name})]})}let x=(0,i.ZP)(d.Z)(e=>{let{theme:t}=e;return{maxWidth:"1027px",margin:"5rem auto",width:"90vw",height:"100%",maxHeight:"calc(100vh - 10rem)",padding:"48px",backgroundColor:"#fff",position:"relative","& .container":{width:"100%",height:"100%",overflowY:"scroll",position:"relative","&::-webkit-scrollbar":{width:"13px",backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:t.palette.secondary.light,borderRadius:"10px"}},"& .visualInfoBox":{display:"flex",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-end",gap:32,marginBottom:24,"& .image":{width:"281px",height:"330px",border:"1px solid",borderColor:t.palette.secondary.light,"& .img":{width:"100%",height:"100%",objectFit:"cover"}}},"& .hashtags":{display:"flex",flexWrap:"wrap",justifyContent:"flex-start",gap:8},"& .closeButton":{position:"absolute",right:"0",padding:0,transform:"scale(0.9)",transition:"transform 0.5s ease","&:hover":{backgroundColor:"transparent",transform:"scale(1)",transition:"transform 0.5s ease"}},"& .coachInfo":{"& .coachName":{paddingBottom:16}},[t.breakpoints.down("sm")]:{overflowY:"scroll",padding:"48px 32px",border:"solid 5px transparent",boxSizing:"border-box","&::-webkit-scrollbar":{width:"4.5px",backgroundColor:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:t.palette.secondary.light,borderRadius:"10px"},"& .container":{overflowY:"visible",height:"fit-content","&::-webkit-scrollbar":{width:"0px"}},"& .visualInfoBox":{marginBottom:16,gap:16,"& .image":{width:"100%",height:"auto",display:"flex",justifyContent:"center",alignItems:"center","& .img":{width:"100%",height:"100%",objectFit:"cover"}},"& .coachInfo":{"& .spProgramName":{display:"inline-block","& .MuiTypography-small":{fontSize:6.73,color:t.palette.primary.light,marginRight:4,"&:after":{content:'" / "'}},"&:last-child .MuiTypography-small:after":{content:'""'}},"& .coachName":{paddingBottom:4}}},"& .closeButton":{top:12,right:0}}}});var g={src:"/_next/static/media/coach-modal-close.adee822f.svg",height:88,width:88,blurWidth:0,blurHeight:0},u=a(9005),b=a(3974),f=a(435),w=a(2241),j=a(3602);function v(e){let{open:t,handleClose:a,coach:o}=e,i=(0,w.Z)(),n=(0,j.Z)(i.breakpoints.down("sm")),s=n?22.5:87;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(b.Z,{open:t,onClose:a,"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description",children:(0,r.jsx)(f.Z,{timeout:300,in:t,direction:"up",children:(0,r.jsxs)(x,{children:[n&&(0,r.jsx)(u.Z,{onClick:a,className:"closeButton",children:(0,r.jsx)(c(),{src:g,alt:"close",width:s,height:s})}),(0,r.jsxs)(d.Z,{className:"container",children:[!n&&(0,r.jsx)(u.Z,{onClick:a,className:"closeButton",children:(0,r.jsx)(c(),{src:g,alt:"close",width:s,height:s})}),(0,r.jsxs)(d.Z,{className:"visualInfoBox",children:[(0,r.jsx)(d.Z,{className:"image",children:(0,r.jsx)(c(),{src:o.avatar.url,alt:o.avatar.title,width:o.avatar.width,height:o.avatar.height,className:"img"})}),(0,r.jsxs)(d.Z,{className:"coachInfo",children:[(0,r.jsx)(h.Z,{variant:"coachNameItalic",className:"coachName",children:o.displayName}),n?o.programCollection.items.map((e,t)=>(0,r.jsx)(d.Z,{className:"spProgramName",children:(0,r.jsx)(h.Z,{variant:"small",children:e.name})},t)):o.programCollection.items.map((e,t)=>(0,r.jsx)(m,{program:e,mb:1},t))]})]}),(0,r.jsxs)(d.Z,{className:"coachDescription",children:[(0,r.jsx)(d.Z,{className:"hashtags",children:o.hashtag.map((e,t)=>(0,r.jsxs)(h.Z,{variant:"basic",children:["#",e]},t))}),(0,r.jsx)(h.Z,{variant:"basic",sx:{whiteSpace:"pre-wrap",wordBreak:"break-all"},children:o.profile})]})]})]})})})})}let Z=(0,i.ZP)(d.Z)(e=>{let{theme:t}=e;return{width:"191px",maxWidth:"191px",margin:"auto",opacity:1,"& .image":{width:"191px",height:"191p

1x",aspectRatio:"1",borderRadius:"50%",overflow:"hidden",border:"1px solid",borderColor:t.palette.secondary.main,marginBottom:8,"& .img":{width:"100%",height:"100%",objectFit:"cover",transform:"scale(1)",transition:"transform 0.5s ease"}},"&:hover":{cursor:"pointer",opacity:.7,"& .img":{transform:"scale(1.1)",transition:"transform 0.5s ease"}},"& .programIcons":{display:"flex",flexDirection:"row",flexWrap:"nowrap",justifyContent:"center",alignItems:"center",gap:4,marginBottom:16},[t.breakpoints.down("md")]:{width:"auto","& .image":{width:"auto",height:"auto"}}}});var k=a(6893),C=a(2049);let N={width:"15px",height:"15px",borderRadius:"50%",[k.r.breakpoints.down("sm")]:{width:7.5,height:7.5}};function y(e){let{program:t}=e;return"#"!==t.color[0]&&(t.color="#"+t.color),(0,r.jsx)(C.Z,{title:t.name,children:(0,r.jsx)(d.Z,{sx:{...N,backgroundColor:t.color},component:"div"})})}function B(e){let{coach:t}=e,[a,o]=s.useState(!1);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(Z,{onClick:()=>o(!0),children:[(0,r.jsx)(d.Z,{className:"image",children:(0,r.jsx)(c(),{src:t.avatar.url,alt:t.avatar.title,width:t.avatar.width,height:t.avatar.height,className:"img"})}),(0,r.jsx)(h.Z,{variant:"coachName",children:t.displayName}),(0,r.jsx)(d.Z,{className:"programIcons",children:t.programCollection.items.map((e,t)=>(0,r.jsx)(y,{program:e},t))})]}),(0,r.jsx)(v,{open:a,handleClose:()=>o(!1),coach:t})]})}let I=(0,i.ZP)(d.Z)(e=>{let{theme:t}=e;return{display:"grid",gridTemplateColumns:"repeat(4, minmax(191px, 1fr))",gridGap:16,marginBottom:32,[t.breakpoints.down("md")]:{gridTemplateColumns:"repeat(3, 1fr)",paddingTop:8}}});function _(e){let{coaches:t}=e;return(0,r.jsx)(I,{children:t.map((e,t)=>(0,r.jsx)(B,{coach:e},t))})}let P=(0,i.ZP)(d.Z)(e=>{let{theme:t}=e;return{position:"relative",zIndex:10,"& .button":{border:"solid 1px",borderColor:t.palette.secondary.main,color:t.palette.secondary.main,borderRadius:"50%",fontSize:"32px",lineHeight:1,width:"45px",minWidth:"45px",height:"45px",padding:0,paddingLeft:"3px",[t.breakpoints.down("sm")]:{fontSize:"19.5px",width:"28px",minWidth:"28px",height:"28px"}},"& .contentBox":{position:"absolute",top:"45px",right:0,border:"solid 1px",borderColor:t.palette.secondary.main,padding:"16px 48px",backgroundColor:t.palette.background.default,[t.breakpoints.down("sm")]:{top:"28px",padding:"16px 32px"}}}});function W(e){let{programs:t}=e,[a,o]=s.useState(!1);return(0,r.jsxs)(P,{children:[(0,r.jsx)(u.Z,{className:"button",onClick:()=>o(!a),children:"?"}),a&&(0,r.jsx)(d.Z,{className:"contentBox",children:t.map((e,t)=>(0,r.jsx)(m,{program:e,mb:1},t))})]})}var R=a(9098),S=a(7436);

1function T(e){let{coaches:t,programs:a}=e;return(0,r.jsx)(R.Z,{title:"Coaches",path:"coaches",variant:"studio",children:(0,r.jsxs)(n,{children:[(0,r.jsxs)(o.Z,{className:"headingBox",maxWidth:"lg",children:[(0,r.jsx)(h.Z,{className:"title",variant:"h3",children:"Coaches"}),(0,r.jsx)(d.Z,{className:"programInfo",children:(0,r.jsx)(W,{programs:a})})]}),(0,r.jsx)(S.Z,{className:"divider"}),(0,r.jsx)(o.Z,{maxWidth:"md",children:(0,r.jsx)(_,{coaches:t})})]})})}var F=!0;function z(e){let{coaches:t,programs:a}=e;return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(T,{coaches:t,programs:a})})}}},function(e){e.O(0,[942,983,49,98,888,774,179],function(){return e(e.s=8003)}),_N_E=e.O()}]);