.nav-ios-button-shadow{--shadow-cuttoff-fix:2em;position:absolute;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(clamp(2px,.125em,12px));-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px,.125em,12px));-ms-filter:blur(clamp(2px,.125em,12px));overflow:visible;pointer-events:none}.nav-ios-button-shadow:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.1));width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);padding:.125em;box-sizing:border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;overflow:visible;opacity:1}.nav-ios-button,.nav-ios-button-shadow:after{border-radius:999px;transition:all var(--anim--hover-time,.3s) var(--anim--hover-ease,cubic-bezier(.25,1,.5,1))}.nav-ios-button{--border-width:clamp(1px,0.0625em,4px);position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;background:linear-gradient(-75deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.1),hsla(0,0%,100%,.02));box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.4),0 .25em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em hsla(0,0%,100%,.15),0 0 0 0 hsla(0,0%,100%,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transform:translateZ(0);will-change:transform;-moz-backdrop-filter:blur(clamp(1px,.0625em,2px));-ms-backdrop-filter:blur(clamp(1px,.0625em,2px))}.nav-ios-button.nav-ios-interactive:hover{transform:scale(.975);backdrop-filter:blur(.01em);-webkit-backdrop-filter:blur(.01em);-moz-backdrop-filter:blur(.01em);-ms-backdrop-filter:blur(.01em);box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.5),0 .15em .05em -.1em rgba(0,0,0,.25),inset 0 0 .05em .1em hsla(0,0%,100%,.5),0 0 0 0 #fff}.nav-ios-button .nav-ios-span{position:relative;display:block;user-select:none;-webkit-user-select:none;font-family:Inter,sans-serif;letter-spacing:-.05em;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 .25em .05em rgba(0,0,0,.1);transition:all var(--anim--hover-time,.3s) var(--anim--hover-ease,cubic-bezier(.25,1,.5,1))}.nav-ios-button.nav-ios-interactive:hover .nav-ios-span{text-shadow:.025em .025em .025em rgba(0,0,0,.12)}.nav-ios-button .nav-ios-span:after{content:"";display:block;position:absolute;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;border-radius:999px;overflow:clip;z-index:3;mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0 50%;background-repeat:no-repeat;transition:background-position calc(var(--anim--hover-time, .3s) * 1.25) var(--anim--hover-ease,cubic-bezier(.25,1,.5,1)),--angle-2 calc(var(--anim--hover-time, .3s) * 1.25) var(--anim--hover-ease,cubic-bezier(.25,1,.5,1))}.nav-ios-button.nav-ios-interactive:hover .nav-ios-span:after{background-position:25% 50%}.nav-ios-button.nav-ios-interactive:active .nav-ios-span:after{background-position:50% 15%;--angle-2:-15deg}.nav-ios-button:after{content:"";position:absolute;z-index:1;inset:0;border-radius:999px;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-1,0deg) at 50% 50%,rgba(0,0,0,.5),transparent 5% 40%,rgba(0,0,0,.5) 50%,transparent 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;transition:all var(--anim--hover-time,.3s) var(--anim--hover-ease,cubic-bezier(.25,1,.5,1)),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) hsla(0,0%,100%,.5);pointer-events:none}@property --angle-1{syntax:"<angle>";initial-value:0deg;inherits:false}.nav-ios-button.nav-ios-interactive:hover:after{--angle-1:-125deg}.nav-ios-button.nav-ios-interactive:active:after{--angle-1:-75deg}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:hover) .nav-ios-button-shadow{filter:blur(clamp(2px,.0625em,6px));-webkit-filter:blur(clamp(2px,.0625em,6px));-moz-filter:blur(clamp(2px,.0625em,6px));-ms-filter:blur(clamp(2px,.0625em,6px));transition:filter var(--anim--hover-time,.3s) var(--anim--hover-ease,cubic-bezier(.25,1,.5,1))}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:hover) .nav-ios-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em);opacity:1}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:active){transform:rotateX(25deg)}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:active) .nav-ios-button{box-shadow:inset 0 .125em .125em rgba(0,0,0,.05),inset 0 -.125em .125em hsla(0,0%,100%,.5),0 .125em .125em -.125em rgba(0,0,0,.2),inset 0 0 .1em .25em hsla(0,0%,100%,.2),0 .225em .05em 0 rgba(0,0,0,.05),0 .25em 0 0 hsla(0,0%,100%,.75),inset 0 .25em .05em 0 rgba(0,0,0,.15)}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:active) .nav-ios-button-shadow{filter:blur(clamp(2px,.125em,12px));-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px,.125em,12px));-ms-filter:blur(clamp(2px,.125em,12px))}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:active) .nav-ios-button-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.nav-ios-button-wrap:has(.nav-ios-button.nav-ios-interactive:active) span.nav-ios-span{text-shadow:.025em .25em .05em rgba(0,0,0,.12)}