.frame-addon{display:block;margin:1.5rem 0}.frame-addon[hidden]{display:none}.frame-addon__toggle{display:inline-flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.frame-addon__checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.frame-addon__indicator{position:relative;display:inline-block;flex-shrink:0;width:2rem;height:2rem;border:.1rem solid RGBA(var(--color-foreground),.55);background-color:RGB(var(--color-background));transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.frame-addon__checkbox:focus-visible+.frame-addon__indicator{outline:.2rem solid RGB(var(--color-foreground));outline-offset:.2rem}.frame-addon__checkbox:checked+.frame-addon__indicator{background-color:RGB(var(--color-foreground));border-color:RGB(var(--color-foreground))}.frame-addon__checkbox:checked+.frame-addon__indicator:after{content:"";position:absolute;top:.4rem;left:.7rem;width:.5rem;height:1rem;border:solid RGB(var(--color-background));border-width:0 .2rem .2rem 0;transform:rotate(45deg)}.frame-addon__label{font-size:1.4rem;line-height:1.3;color:RGB(var(--color-foreground))}.frame-addon__label strong{font-weight:600}.frame-addon__badge{display:inline-flex;align-items:center;padding:.5rem .8rem;background-color:#051e3a;color:#fff;font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;line-height:1;letter-spacing:.03em;text-transform:uppercase;border-radius:1.5rem;white-space:nowrap;flex-shrink:0}.frame-addon__color-group{margin-top:1.5rem;padding:0;border:0}.frame-addon__color-legend{position:relative;display:block;margin-bottom:.8rem;padding:0}.frame-addon__color-list{display:flex;flex-wrap:wrap;gap:1.2rem}.frame-addon__color-option{display:inline-flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer}.frame-addon__color-chip{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:6rem;height:7.2rem;padding:.4rem;background-color:#fff;border:1px solid #d4d4d4;transition:border-color var(--duration-short) ease,border-width var(--duration-short) ease}.frame-addon__color-option:hover .frame-addon__color-chip{border-color:RGBA(var(--color-foreground),.7)}.frame-addon__color-option--selected .frame-addon__color-chip{border:2px solid #051e3a;padding:.3rem}.frame-addon__color-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.frame-addon__color-radio:focus-visible+.frame-addon__color-chip{outline:.2rem solid RGB(var(--color-foreground));outline-offset:.2rem}.frame-addon__color-image{display:block;width:5.2rem;height:6.4rem;object-fit:cover}.frame-addon__color-swatch{display:block;width:5.2rem;height:6.4rem}.frame-addon__color-swatch--fallback{background-color:RGBA(var(--color-foreground),.2)}.frame-addon__color-name{font-size:1.2rem;line-height:1.2;text-align:center;color:RGB(var(--color-foreground))}.frame-details__button{position:absolute;right:0;bottom:0;border:1px solid #d5d3d4;border-bottom:0;background-color:transparent;color:RGB(var(--color-foreground));font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding-inline:16px;cursor:pointer;transition:all linear .3s}.frame-details__button:hover{background-color:RGB(var(--color-foreground));color:#fff}.frame-details-drawer{background-color:RGB(var(--color-background));height:100%;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:0;right:0;z-index:4;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease;transform:translate(100%);width:100%;border-width:0 0 0 var(--drawer-border-width);border-color:RGBA(var(--color-foreground),var(--drawer-border-opacity));border-style:solid;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) RGBA(var(--color-shadow),var(--drawer-shadow-opacity)))}.frame-details-drawer[open]{transform:translate(0);opacity:1}@media(min-width:750px){.frame-details-drawer{transform:translate(100%);width:55vw}.frame-details-drawer[open]{opacity:1;transform:translate(0);animation:animateFrameDetailsDrawerOpen var(--duration-default) ease}}@keyframes animateFrameDetailsDrawerOpen{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.frame-details-drawer__header{position:relative;align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.frame-details-drawer__header__title.frame-details-drawer__header__title.frame-details-drawer__header__title{position:relative;margin:.5rem 0 0;padding-top:64px;padding-bottom:4px;width:100%;display:inline-flex;justify-content:space-between;font-family:var(--font-body-family);font-size:18px;font-weight:600;border-bottom:1px solid #d5d3d4}.frame-details-drawer__header__button{position:absolute;top:0;right:0;background-color:transparent;border:none;color:RGB(var(--color-foreground));cursor:pointer;display:block;height:4.4rem;padding:1.2rem;width:4.4rem;margin-left:auto}.frame-details-drawer__header__button:hover{color:RGBA(var(--color-foreground),.75)}.frame-details-drawer__header__button .icon{width:2rem}.frame-details-drawer__content{font-size:1.4rem;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-frame-addon.css.map */