.breed-role[data-v-40718cf8]{-webkit-mask-image:var(--breed-role-img);mask-image:var(--breed-role-img);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:contain;mask-size:contain}.guide{text-align:justify}.guide .title{text-align:center;font-weight:700;font-size:18px;margin-top:16px;margin-bottom:8px}.breed-page .breed-menu-bar{border-radius:20px;padding-top:7px;padding-bottom:7px}.breed-page .breed-menu-bar .menu-breed{width:40px;height:40px;position:relative}.breed-page .breed-menu-bar .menu-breed .q-img{transition:all 200ms}.breed-page .breed-menu-bar .menu-breed.active .q-img,.breed-page .breed-menu-bar .menu-breed:hover .q-img{transform:translateY(-5px)}.breed-page .breed-menu-bar .menu-breed:before{position:absolute;width:0;height:1px;bottom:-5px;right:50%;background:#f5c625;margin-right:0;content:" ";transition:width 0.2s linear,margin-right 0.2s linear}.breed-page .breed-menu-bar .menu-breed.active:before,.breed-page .breed-menu-bar .menu-breed:hover:before{width:100%;margin-right:-50%;transition:width 0.2s linear,margin-right 0.2s linear}.breed-page .look-wrapper{position:relative;width:100%;height:400px;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:contain}.breed-page .look-wrapper .look{position:absolute;width:400px;height:400px;top:0;transition:all 200ms}.breed-page .look-wrapper .look.male{left:calc(50% - 400px)}@media (max-width:600px){.breed-page .look-wrapper .look.male{left:calc(50% - 300px)}}.breed-page .look-wrapper .look.female{right:calc(50% - 400px)}@media (max-width:600px){.breed-page .look-wrapper .look.female{right:calc(50% - 300px)}}.breed-page .look-wrapper .breed-name{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);background:#333;padding:8px 16px 8px 16px;font-size:20px;border-radius:16px}.breed-page .breed-body{gap:16px;width:100%}.breed-page .breed-body .breed-gameplay{min-width:400px;max-width:100%}@media (max-width:768px){.breed-page .breed-body .breed-gameplay{min-width:100%}}.breed-page .breed-body .breed-gameplay .breed-gameplay-body{border-radius:0 10px 10px 10px;padding:16px}.breed-page .breed-body .breed-info{padding:16px;border-radius:10px;background-color:#333;flex-flow:column;align-items:center;height:-moz-fit-content;height:fit-content;min-width:300px}.breed-page .breed-body .breed-info .breed-info-roles{display:flex;gap:8px;justify-content:center;align-items:center;width:100%}.breed-page .breed-body .breed-info .breed-info-roles .filler{flex-grow:1;height:2px;background-color:#fff;filter:brightness(40%)}.breed-page .breed-body .breed-info .breed-info-roles .filler:first-child{margin-right:8px}.breed-page .breed-body .breed-info .breed-info-roles .filler:last-child{margin-left:8px}.breed-page .breed-body .breed-info .breed-info-roles .breed-role{height:30px;width:30px}.breed-page .breed-body .breed-info .breed-description,.breed-page .breed-body .breed-info .breed-gameplay-description{text-align:justify}.breed-page .breed-body .breed-info .breed-gameplay-description .title{text-align:center;font-weight:700;font-size:18px;margin-top:16px;margin-bottom:8px}.breed-page .breed-body .breed-item-set .breed-item-set-body{border-radius:0 10px 10px 10px}.breed-page .breed-body .breed-item-set .breed-item-set-body .item-set-item-list{display:flex;flex-flow:row;gap:8px;flex-wrap:wrap}