.book-selector{margin-top:var(--sc-spacing-small);min-height:600px;overflow:hidden;padding-bottom:0;@media (min-width:768px){padding:var(--sc-spacing-medium)}@media (min-width:1024px){margin-top:var(--sc-spacing-medium);overflow:visible}}.book-selector__content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;opacity:0;padding:0 var(--sc-spacing-medium);transition:opacity .5s,visibility .5s;visibility:hidden;@media (min-width:768px){grid-row-start:1;grid-row-end:2;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}&.book-selector__content--active{opacity:1;visibility:visible}.primary-button{flex:0 1}}.book-selector__images-container{grid-row-start:1;grid-row-end:2;min-height:200px;max-height:200px;position:relative;@media (min-width:768px){min-height:600px;max-height:600px}.book-selector__image{--book-perspective:300px;height:100%;left:50%;max-height:200px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:transform .5s,z-index .5s;width:auto;@media (min-width:768px){max-height:500px}&.book-selector__image--active{transform:perspective(var(--book-perspective)) translateX(-50%) translateY(-50%) translateZ(0);z-index:50}&.book-selector__image--active+.book-selector__image{transform:perspective(var(--book-perspective)) translateX(-30%) translateY(-62%) translateZ(-100px);z-index:40}&.book-selector__image--active+*+.book-selector__image{transform:perspective(var(--book-perspective)) translateX(-5%) translateY(-75%) translateZ(-200px);z-index:30}&.book-selector__image--active+*+*+.book-selector__image{transform:perspective(var(--book-perspective)) translateX(25%) translateY(-92%) translateZ(-300px);z-index:20}&:has(+.book-selector__image--active){transform:perspective(var(--book-perspective)) translateX(25%) translateY(-92%) translateZ(-300px);z-index:20}&:has(+*+.book-selector__image--active){transform:perspective(var(--book-perspective)) translateX(-5%) translateY(-75%) translateZ(-200px);z-index:30}&:has(+*+*+.book-selector__image--active){transform:perspective(var(--book-perspective)) translateX(-30%) translateY(-62%) translateZ(-100px);z-index:40}}}.book-selector__controls{align-items:center;background-color:var(--sc-color-primary-tint);bottom:var(--sc-spacing-small);display:flex;font-size:var(--sc-text-small);font-weight:var(--sc-font-bold);gap:var(--sc-spacing-medium);justify-content:space-between;margin:var(--sc-spacing-medium) var(--sc-spacing-small) var(--sc-spacing-xlarge) var(--sc-spacing-small);position:-webkit-sticky;position:sticky;z-index:100;@media (min-width:768px){font-size:var(--sc-text-std);margin:0 var(--sc-spacing-medium) var(--sc-spacing-xlarge) var(--sc-spacing-medium)}@media (min-width:1024px){position:relative}.book-selector__controls-item{align-items:center;color:var(--sc-color-gray-tint);display:flex;font-size:var(--sc-text-xxsmall);gap:var(--sc-spacing-xsmall);text-transform:uppercase;p{margin:0}@media (min-width:768px){font-size:var(--sc-text-xsmall);gap:var(--sc-spacing-small)}}.button{align-items:center;background-color:var(--sc-color-secondary);cursor:pointer;display:flex;height:52px;justify-content:center;width:52px}}