.c-navbar-comp{position:relative}.c-navbar-comp .navbar{display:flex;height:10.667vw;line-height:10.667vw;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);overflow:hidden;color:#333;background:#fff;text-align:center}.c-navbar-comp .navbar.fixed{position:fixed;top:0;left:0;width:100%}.c-navbar-comp .navbar.safe{padding-top:7.467vw}.c-navbar-comp .navbar.change .nb-title .nb-title-normal{opacity:0;pointer-events:none}.c-navbar-comp .navbar.change .nb-title .nb-title-change{opacity:1;pointer-events:unset}.c-navbar-comp .navbar .nb-left,.c-navbar-comp .navbar .nb-right{display:flex;align-items:center;width:6.4vw;color:inherit}.c-navbar-comp .navbar .nb-left span,.c-navbar-comp .navbar .nb-right span{display:inline-block;font-size:5.6vw}.c-navbar-comp .navbar .nb-left{margin-left:3.2vw}.c-navbar-comp .navbar .nb-right{margin-right:3.2vw}.c-navbar-comp .navbar .nb-title{flex:1;color:inherit;position:relative;font-size:3.733vw;font-weight:700}.c-navbar-comp .navbar .nb-title .nb-title-normal,.c-navbar-comp .navbar .nb-title .nb-title-change{position:absolute;width:100%;height:100%;transition:opacity .35s}.c-navbar-comp .navbar .nb-title .nb-title-change{opacity:0;pointer-events:none}.c-navbar-comp .navbar .nb-title .nb-title-change p{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.c-navbar-comp .navbar .nb-title .nb-title-text{margin:0 auto;width:66.667vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:3.733vw;font-weight:700}.c-navbar-comp .placeholder{height:10.667vw;width:100%;pointer-events:none;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.c-navbar-comp .placeholder.safe{padding-top:7.467vw}.c-navbar-comp .placeholder.fixed{position:fixed}.c-navbar-comp .check-safe-area{position:fixed;z-index:-1;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);pointer-events:none}